了解 Web 浏览器
Web 浏览器(通常称为浏览器)是用于检索,呈现和遍历万维网上的信息资源的软件应用程序。信息资源由统一资源标识符(URI / URL)标识,可以是网页,图像,视频或其他内容。资源中存在的超链接使用户可以轻松地将浏览器导航到相关资源。尽管浏览器主要用于使用万维网,但它们也可用于访问专用网络中的Web服务器或文件系统中的文件提供的信息。
— 维基百科
常用浏览器 (任何设备中) :
- Chrome ( 引擎 : Blink + V8)
- Firefox ( 引擎 : Gecko + SpiderMonkey)
- Internet Explorer ( 引擎 : Trident + Chakra)
- Safari ( 引擎 : Webkit + SquirrelFish)
图片来源: http://gs.statcounter.com/browser-market-share
浏览器和 Web 技术 (APIs) 的演变
- Web 的演变 [阅读]
- Web 浏览器的时间表 [阅读]
最常用的 无头浏览器 :
- Headless Chromium ( 引擎 : Blink + V8)
- PhantomJS (引擎 : Webkit + SquirrelFish)
- SlimerJS (引擎: Gecko + SpiderMonkey)
- TrifleJS ( 引擎 : Trident + Chakra)
浏览器如何工作
- 关于浏览器和 Web 我学到的 20 件事 [阅读]
- 高效 CSS: 浏览器如何展示页面 [阅读]
- 浏览器如何工作 : 现代 Web 浏览器的幕后 [阅读]
- 走近 Quantum : 什么是浏览器引擎 ?
- 浏览器如何渲染网页 [阅读]
- 强制布局和回流的起因 [阅读]
- 前端开发者应该了解的网页渲染 [阅读]
图片来源: http://www.html5rocks.com/en/tutorials/internals/howbrowserswork/
浏览器优化:
浏览器比较
- Web 浏览器比较 [阅读]
浏览器黑客
- 浏览器黑客 [阅读]
浏览器开发
过去,前端开发者花费大量时间在多个不同的浏览器上编写代码。这是比现在遇到的还要严重的问题。现在,抽象化( 如 jQuery、React、Post-CSS、Babel 等 )与现代浏览器相结合,使得浏览器开发变得相当容易。新的挑战不在于用户使用哪种浏览器,而是在哪个设备上运行浏览器。
自动更新浏览器
现代浏览器的最新版本被认为是自动更新浏览器。也就是说,理论上他们在不提示用户的情况下自动更新自己。自动更新浏览器的这一行为,是对淘汰不自动更新旧浏览器的缓慢进程的反应。
选择浏览器 [^1]
到目前为止,大多数前端开发人员使用 Chrome 和“ Chrome dev Tools”来开发前端代码。 然而,最常用的现代浏览器都提供了一种开发工具的特性。选择一个用于开发是一种主观的选择。更重要的问题是要知道哪些浏览器在哪些设备上必须支持并适当测试。
建议 :
[^1] 我推荐使用 chrome 浏览器,因为它的开发者工具在不断改进,而且目前拥有最强大的功能