web前端开发常用浏览器介绍及运行配置
1.web前端开发常用浏览器介绍
浏览器是用来检索展示以及传递web信息的应用程序,市面上比较常见的浏览器有IE浏览器、火狐浏览器、谷歌浏览器、Safari浏览器和欧朋浏览器等,其中IE、火狐和谷歌是目前互联网上的三大浏览器,图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等的得力助手。
谷歌浏览器的英文名称为“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,火狐浏览器同理
web前端开发常用浏览器介绍及运行配置相关推荐
- Web前端开发常用的开发工具
Web的发展日新月异,这也使得Web开发者不得不加快脚步,学习新的技术和编程语言.尤其是对于那些大量流量入口的网站来说,跟上技术发展趋势更是尤为重要.为了使得Web开发人员能够更加专注于业务层面的开发 ...
- Web前端开发常用的十款开发工具汇总
今天小编要跟大家分享关于Web前端开发常用的十款开发工具汇总 1.Glitch https://glitch.com 好的,这不仅仅是一个工具,还是一个非常棒的编码平台以及一个很棒的技术社区.我可以在 ...
- 分享Web前端开发常用的6种编程语言及其优势!
Web前端是互联网时代软件产品研发中不可缺少的一种专业研发角色.从狭义上讲,Web前端工程师使用HTML.CSS.Java等专业技能和工具将产品UI设计稿实现成网站产品,涵盖用户PC端.移动端网页,处 ...
- web前端开发常用的10个高端CSS UI开源框架
随着人们对体验的极致追求,web页面设计也面临着新的挑战,不仅需要更人性化的设计理念,还需要设计出更酷炫的页面.作为web前端开发人员,运用开源资源,更快更好地实现一些现代化的界面,是必备技能之一.下 ...
- Web前端开发常用必备工具(一)
一个称手的工具可谓是事半功倍,对程序员来说,更是离不开各种各样的实用小工具,你现在的工具用的还称手吗?你还在为没有好用的工具而发愁吗? 蓉妹儿在这里给你分享一些Web前端开发的常用必备工具,还没安装的 ...
- html5默认加载s文件夹,『总结』web前端开发常用代码整理
IE条件注释 条件注释简介 IE中的条件注释(Conditional comments)对IE的版本和IE非IE有优秀的区分能力,是WEB设计中常用的hack方法. 条件注释只能用于IE5以上,IE1 ...
- web前端开发常用的优化技巧汇总
减少HTTP请求的次数或者减少请求数据的大小 页面中每发一次HTTP请求,都需要完成请求+响应这个完整的HTTP事务,会消耗一些时间,也有可能导致HTTP链接通道的堵塞,为了提高页面的加载速度和运行的 ...
- Web前端开发之浏览器兼容问题
1.居中问题 div里的内容,IE默认为居中,而FF默认为左对齐,可以尝试增加代码margin: 0 auto; 2.高度问题 两上下排列或嵌套的div,上面的div设置高度(height),如果di ...
- web前端开发常用又好用的几个软件
1.sublime text3 编辑器 快捷键 + zen coding 能让你如鱼得水.当然,下面这张截图我是用了 Material Theme + Monokai 的主题,还有很多效果没展示出来, ...
最新文章
- C#第一个程序Helloworld
- modelsim(1):经常使用的测试设计的结构
- linux usb xhci ehci,ehci和xhci有什么区别
- java main 声明_Java中main方面面试题
- java-String类
- linux upgrade tool使用_p4merge的使用
- Kubernetes如何赋能可再生能源产业提升10倍效率
- vue具体页面跳转传参方式
- 数据分析的工作目标是什么
- 最新MQ与RabbitMQ面试题
- 台式win10系统你要来自Trustedinstaller的权限才能对此文件进行更改?
- oracle出现ora 12514,ora-12514报错解决方法
- ----实现查看历史记录及清除功能的具体过程----
- 【Python】pyecharts 数据可视化模块
- 世界黄金价格走势,十大香港国际黄金交易平台排行榜
- mysql 占位符 出错_占位符报语法错误
- <计算机视觉 六> 深度学习目标检测模型的评估标准
- Docker 核心技术与实现原理
- 计算机设置定时关机win10,win10系统定时关机如何设置?
- 中科大计算机学院操作系统真题(www.itbuluoge.com)
热门文章
- oracle 导出导入exl,关于oracle导出excel和excel导入oracle的经验总结【转】
- c语言while何时为真,C语言中while是什么意思
- git仓库上传代码过程
- 用python写个生日快乐_祝自己生日快乐 | 利用Python和R分析一年写作
- CRect 类基础
- 更换手机设备时如何同步迁移便签内容?
- 2021:Improved RAMEN: Towards Domain Generalization for Visual Question Answering
- (7.0系统)安卓神器XPOSED框架没ROOT使用指南
- 计算机能力应用研修日记,信息技术研修日志3篇
- Python xlwings