web前端开发常用浏览器介绍及运行配置

2023-05-16

1.web前端开发常用浏览器介绍

浏览器是用来检索展示以及传递web信息的应用程序,市面上比较常见的浏览器有IE浏览器、火狐浏览器、谷歌浏览器、Safari浏览器和欧朋浏览器等,其中IE、火狐和谷歌是目前互联网上的三大浏览器,图1所示为三类浏览器的图标。对于一般的网站而言,只要兼容IE浏览器、火狐浏览器和谷歌浏览器,即可满足绝大多数用户的需求。下面将对三种常用的浏览器进行详细讲解。

  1.1、 IE浏览器
  IE浏览器的全称“Internet Explorer”,是微软公司推出的一款网页浏览器。因此IE浏览器一般直接绑定在windows操作系统中,无需下载安装。IE浏览器有6.0、7.0、8.0、9.0、10.0、11.0等版本,但是由于各种原因,一些用户仍然在使用低版本的浏览器如IE7、IE8等,所以在制作网页时,会考虑兼容哪些版本的浏览器。
  浏览器最重要或者说核心的部分是“Rendering Engine”,翻译为中文是“渲染引擎”,不过我们一般习惯将之称为“浏览器内核”。IE浏览器使用Trident作为内核,俗称为“IE内核”,国内的大多数浏览器都有使用IE内核,例如百度浏览器、世界之窗浏览器等。
  1.2、 火狐浏览器
  火狐浏览器的英文名称为“Mozilla Firefox”(简称Firefox),是一个自由并开源的网页浏览器。Firefox使用Gecko内核,该内核可以在多种操作系统如Windows、Mac以及linux上运行。
  说到火狐浏览器,就不得不提到它的开发插件Firebug(如图2所示)。Firebug一直是火狐浏览器中一款必不可少开发插件,主要用来调试浏览器的兼容性。它集HTML查看和编辑、Javascript控制台、网络状况监视器于一体,是开发HTML、CSS、JavaScript等的得力助手。
  在老版本的火狐浏览器中,使用者可以在火狐浏览器菜单栏中“工具→附加组件”选项中下载Firebug插件,安装完成后使用按“F12”键可以直接调出Firebug界面 
  但是在新版本的火狐浏览器中(例如57.0.2.6549版本), Firebug已经结束了其作为火狐浏览器插件的身份,被整合到火狐浏览器内置的“Web开发者”工具中。使用者可以在火狐浏览器界面菜单栏中选择“打开菜单→Web开发者”选项 。此时下拉菜单会切换到菜单面板,选择“查看器”选项,即可查看页面各个模块 

 

 

 

 
  1.3、 谷歌浏览器

  谷歌浏览器的英文名称为“Chrome”,是由Google公司开发的网页浏览器。谷歌浏览器基于其他开放原始码软件所撰写,目的是提升浏览器稳定性、速度和安全性,并创造出简单有效的使用界面。早期谷歌浏览器使用WebKit内核,但2013年4月之后,新版本的谷歌浏览器开始使用Blink内核。在目前的浏览器市场,谷歌浏览器依靠其卓越的性能占据着浏览器市场的半壁江山。

2.对Visual Studio Code和HBuilder进行浏览器配置

2.1 Visual Studio Code:

在扩展商店中搜索live serve

 

安装之后点击小齿轮里的扩展设置

选择chrome或者firefox就可以了

在html文件中任意位置右键点击如图所示就运行到了你配置的浏览器中

2.2

HBuilder:

在菜单栏上选择运行—运行到浏览器—配置web服务器

右键谷歌浏览器点击属性点击打开文件夹所在位置,复制文件所在位置路径

将路径粘贴在运行配置下的对应的位置框中就可以了

运行的时候点击运行——运行到浏览器——chrome,火狐浏览器同理

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

web前端开发常用浏览器介绍及运行配置 的相关文章

  • 一张图阐述UML状态图的画法【软件工程】

    文章目录 I 介绍状态图II 一图搞定状态图画法 I 介绍状态图 状态图展示了一个特定对象的所有可能状态以及由于各种事件的发生而引起的状态间的转移 它有两大特征 xff1a 1 所有的变化都是针对某一个特定的对象 xff0c 这个对象会触发
  • 虚拟机中Ubuntu与主机共享文件夹

    虚拟机中Ubuntu与主机共享文件夹 xff0c 以及 mnt目录为空 xff0c 没有共享文件夹时的解决方案 1 启用共享文件夹 首先将虚拟机关机 xff0c 在虚拟机设置中 xff0c 选择选项面板 xff0c 选择共享文件夹 xff0
  • 【ROS】中级操作学习整理-TF坐标变换

    系列文章目录 ROS 中级操作学习整理 gazebo机器人仿真 ROS 中级操作学习整理 TF坐标变换 ROS 中级操作学习整理 传感器建模 ROS 中级操作学习整理 激光SLAM 文章目录 目录 目录 系列文章目录 文章目录 前言 一 R
  • STM32 芯片锁死无法烧录问题解决

    芯片锁死原因 xff1a 1 烧进去的工程对应器件与目标器件不一致 xff1b 2 烧进去的工程HSE VALUE与目标板上晶振频率不一致 xff1b 3 将烧录引脚烧录 本人在使用F411时犯下了 比较愚蠢的错误 xff0c 因为PB3引
  • 【TPMS】 - 发射端2

    TPMS项目 发射端SP370 目录章节介绍 一 SP370数据手册浏览二 源码学习三 SP370的RF的部分详解四 RF数据包的发送和数据包格式解析1 目录 章节介绍 1 SP370数据手册浏览 浏览SP370的数据手册 xff0c 看一
  • 【TPMS】 -接收端1

    TPMS项目 接受端TDA5235 目录章节介绍 一 TPMS接收板概况介绍二 TDA5235的专业知识1三 寄存器配置工具 目录 章节介绍 1 TPMS接收板概况介绍 本节开始接收板部分的课程 xff0c 先对接收板的整体情况 xff0c
  • ST_link突然不能使用了

    一 发现问题 今天 xff0c 我使用st link烧写程序时突然不能用了 xff0c 我昨天都还可以正常使用 我用手摸仿真器时很热 我意识到可能坏了 二 解决过程 xff08 1 xff09 用keil5查看debug设置时就能找到ST
  • OpenCV 读取视频并保存为另一个视频

    测试代码如下 xff1a 功能 xff1a 读取视频 xff0c 缩小处理后再存为另一个视频 方法1 include lt opencv2 opencv hpp gt include lt opencv2 highgui highgui c
  • XML和JSON

    XML 简介 xml是什么 XML是一种可扩展标记语言 Extensible Markup Language xff0c 它是一种用于在计算机网络上进行数据传输的标准格式 XML使用标记来标识数据 xff0c 并且可以自定义标记 xff0c
  • STM32单片机蜂鸣器实验

    蜂鸣器可以分为两种 xff1a 有源蜂鸣器与无源蜂鸣器 xff0c 这里的 源 指的是有没有自带震荡电路 xff0c 有源的蜂鸣器自带有震荡电路 xff0c 通电的瞬间就会发出声音 xff1b 而无源的蜂鸣器 xff0c 需要提供一个2 5
  • JVM虚拟机

    JVM 1 JVM 概述 x1f6b4 x1f6b4 x1f6b2 x1f6b4 虚拟机 xff08 Virtual Machine xff09 是一台虚拟的计算机 VMware属于系统虚拟机 xff0c 是对物理计算机的仿真 Java虚拟
  • 树莓派桌面WIFI图标消失,树莓派黑屏can‘t currently show the desktop

    方法一 xff1a 重装镜像 方法二 xff1a 找个树莓派显示器终端输入这行代码 sudo apt install wpasupplicant wpagui libengine pkcs11 openssl 转载B站视频 xff1a 完美
  • cuda10.1+cudnn10.1+tensorflow2.2.0+pytorch1.7.1下载安装及配置

    一 cuda及cudnn下载 1 查看自己电脑是否支持GPU 方法 xff1a 鼠标移动到此电脑 xff0c 点击鼠标右键 xff0c 依次选择属性 设备管理器 显示适配器有以下图标 xff08 NVIDIA xff09 即可安装GPU x
  • C语言:strtok()函数简单用法

    strtok函数 切割字符串 第一个参数指定一个字符串 xff0c 它包含了0个或者多个由第二个参数 xff08 字符串 xff09 中的一个或多个分隔符分割的标记 strtok函数找到第一个参数中的下一个标记 xff0c 并将其用 39
  • ESP32之FreeRTOS--任务的创建和运行

    文章目录 前言一 创建任务和删除函数1 xTaskCreate 2 xTaskCreateStatic 3 xTaskCreateRestricted 4 vTaskDelete 二 任务函数和任务控制块TCB1 任务函数模板2 TCB 三
  • 如何将本地项目上传到gitee

    如何将本地项目上传到gitee 第一步 xff1a 首先你要有一个gitee仓库 新建仓库 填写仓库信息 xff1a 如图 第二步 xff1a 将创建好的仓库 xff0c pull xff08 拉取 xff09 到本地 通过git 命令 把
  • go语言操作es

    目录 go语言操作es解决golang使用elastic连接elasticsearch时自动转换连接地址初始化数据创建结构体方式字符串方式 xff1a 查找修改删除查找 集群搭建配置文件修改 go语言操作es go get github c
  • Context介绍

    目录 Context设计原理默认上下文取消信号传值方法小结 Context 上下文 context Context Go 语言中用来设置截止日期 同步信号 xff0c 传递请求相关值的结构体 上下文与 Goroutine 有比较密切的关系
  • 将视频转成ROS的bag包

    执行转化命令 python2 mp4 2 bag py lane video3 mp4 out camera bag 循环播放图片 xff0c 并重命名成自己需要的话题名 rosbag play l out camera bag camer
  • beego介绍(一)

    目录 beego 的 MVC 架构介绍参数配置默认配置解析不同级别的配置多个配置文件支持环境变量配置系统默认参数基础配置App 配置Web配置监听配置Session配置Log配置 路由设置基础路由基本 GET 路由基本 POST 路由注册一

随机推荐

  • TCP如何保证可靠性?

    TCP如何保证可靠性 xff1f TCP协议保证数据传输可靠性的方式主要有 xff1a 校验和 序列号 确认应答 超时重传 连接管理 流量控制 拥塞控制 1 校验和 计算方式 xff1a 在数据传输的过程中 xff0c 将发送的数据段都当做
  • 仿照java的jdk动态代理实现go语言动态代理

    仿照java的jdk动态代理实现go语言动态代理 通过学习java的jdk动态代理和Cglib动态代理 xff0c 仿照jdk动态代理用go实现了一个简单的动态代理 结构型模式 代理模式 代理模式中分为静态代理和动态代理 静态代理需要在编译
  • golang设计模式——装饰器模式

    装饰器模式 装饰器模式 xff1a 动态地给一个对象添加一些额外的职责 xff0c 就增加功能来说 xff0c 装饰模式比生成子类更为灵活 UML类图 xff1a 分析 首先我们需要理解 xff0c 为什么组合优于继承 xff1f 继承有诸
  • GoLang之unsafe分析

    GoLang之unsafe 目录 GoLang之unsafe1 前言2 指针类型转换3 指针运算4 获取大小和偏移5 关于string 1 前言 开发中 xff0c byte类型和string类型需要互相转换的场景并不少见 xff0c 直接
  • Go实现分布式锁

    Go分布式锁 目录 Go分布式锁进程内加锁trylock基于 redis 的 setnx基于 zk基于 etcdredlock如何选择 在单机程序并发或并行修改全局变量时 xff0c 需要对修改行为加锁以创造临界区 为什么需要加锁呢 xff
  • Golang实习蓝湖二面

    蓝湖二面 自我介绍 问题 casbin的策略 ACL RBAB ABAC 他们的区别和应用 JWT的实现 JWT和传统的token有什么区别 三次握手和四次挥手 time wait 为什么需要等待2MSL 什么是完全二叉树 完全二叉树有什么
  • export、import、commit、save、load的区别

    目录 1 docker export 和 docker import2 docker commit3 docker save 和 docker load 1 docker export 和 docker import docker expo
  • docker搭建redis集群模式

    目录 docker 安装redis1 创建redis conf开启redis验证 开启密码 允许redis外地连接后台启动开启redis持久化 2 启动redis容器3 进入容器 redis集群3主3从1 新建6个redis容器2 构建主从
  • SONiC+P4实践——P4Runtime下发ACL表项

    转载请表明出处 注 xff1a SONiC系统为vs版本 Part1 xff1a 实现外部宿主机与SONiC的网络连通 步骤 1 xff1a 打开一个ubuntu系统安装kvm及其依赖 xff08 1 xff09 查看CPU是否支持虚拟化
  • BDD100K自动驾驶数据集格式转YOLO格式

    说明 xff1a 为了用BDD100K数据集训练YOLOV5模型 xff0c 首先需要将BDD100K数据集格式转成YOLOV5支持的输入格式 转换代码如下 xff1a 一 BDD100K转YOLO格式 usr bin env python
  • 全局代理-WINDOWS怎么设置全局代理?

    https blog 51cto com u 15275599 2923545 WINDOWS设置全局代理可以通过以下4个步骤操作来实现 xff1a 1 点击开始菜单 xff0c 然后点击setting xff08 设置 xff09 xff
  • Easyexcle导入导出

    一 导入 1 依赖 lt excel gt lt dependency gt lt groupId gt com alibaba lt groupId gt lt artifactId gt easyexcel lt artifactId
  • Springboot+(linux)redis哨兵模式实现

    下面是主从redis服务 6379主6380从16381从2 下面是多个哨兵 26379哨兵126380哨兵226381哨兵3 windows下redis压缩包 xff08 本文使用的是5 0 13 xff09 Redis xff08 点我
  • 记一次springboot2.1.6配置(mysql)多数据源

    pom xml lt xml version 61 34 1 0 34 encoding 61 34 UTF 8 34 gt lt project xmlns 61 34 http maven apache org POM 4 0 0 34
  • 小车跟随行驶系统(基于MSP-EXP430F5529LP系统板)

    选用材料 xff1a 主控板MSP EXP430F5529LP 陀螺仪 直流减速电机 xff08 可以选用光电编码器 xff0c 霍尔电机不好调节PID xff09 TB6612电机驱动 超声波测距模块 灰度传感器 无线透传 蓝牙模块 xf
  • 使用sheetjs读取excle表格

    span class token comment cdn引入js span span class token operator lt span script lang span class token operator 61 span sp
  • js的六种继承方式

    1 原型链继承 核心 xff1a 将父类的实例作为子类的原型 span class token keyword function span span class token function Parent1 span span class
  • 代理服务器的学习

    一 代理服务器和VPN 1 工作原理 xff08 1 xff09 代理的工作原理是 xff1a 由代理服务器自己去访问你的目标网站 xff0c 并加载它的内容 xff0c 然后再把这些加载过的内容传递到你的窗口上 这样就相当于你在浏览目标网
  • MyBatisPlus(基于starter和Bean方式)

    文章目录 基于boot starter方式基于Bean方式 基于boot starter方式 1 microboot项目 修改配置文件 xff0c 引入所需要的相关依赖库 dependences gradle ext span class
  • web前端开发常用浏览器介绍及运行配置

    1 web前端开发常用浏览器介绍 浏览器是用来检索展示以及传递web信息的应用程序 xff0c 市面上比较常见的浏览器有IE浏览器 火狐浏览器 谷歌浏览器 Safari浏览器和欧朋浏览器等 xff0c 其中IE 火狐和谷歌是目前互联网上的三