精华内容
下载资源
问答
  • 其实微软自从 Windows 10 开始,就默认浏览器IE 换成了 Edge ,但很可惜大家使用它的习惯依旧没有养成,更多是它当成系统自带的 PDF 浏览器。。。微软在浏览器技术上一直都坚持着自我,Edge 浏览器在经过几次...
    ef4e4006c62ce6cd2ff6ca51a0dc7c7d.gif

    更多数码技巧,快关注“差评”~

    差友们,你们用 Windows 自带浏览器下载过多少次其他浏览器了?

    其实微软自从 Windows 10 开始,就把默认浏览器从 IE 换成了 Edge ,但很可惜大家使用它的习惯依旧没有养成,更多是把它当成系统自带的 PDF 浏览器。。。

    842e81ef7f33d7870a842c7657e1e3cd.png

    微软在浏览器技术上一直都坚持着自我,Edge 浏览器在经过几次更新之后,性能也越发强大,但依旧败给了一个强大的阵营:Chromium 项目。

    没错,微软终于还是服软了。。。

    最近世超注意到,Edge 也发布了基于 Chromium 的版本。

    在 Windows 还没有捆绑集成 IE 之前,网景浏览器是大家上网的首选

    931e1eacbdd89ba59c9c77a4eb8dd623.png

    想当年,微软通过在操作系统中捆绑安装 Internet Explorer,吃掉了「 网景浏览器 」这款付费浏览器的市场,成为网页浏览器的寡头,是多么风光无限;被酷容 ( Chrome ) 抢占了市场之后也曾力图通过 Edge 力挽狂澜;然而最终还是放弃了自研核心,落得个和 Opera 一样的下场。

    至此,浏览器大战中只剩下了四位选手:IE、酷容 ( Chrome )、火狐 ( Firefox ) 和 Safari。

    我们选浏览器的时候,选的是什么?

    世超最早接触 IE 以外的浏览器,是 Maxthon 傲游,之后又陆续换了 360 安全浏览器、谷歌的酷容和谋智 ( Mozilla ) 的火狐 ( Firefox )。

    这些浏览器的特点都很明显:多标签,稳定、有好多小工具、能跨设备同步浏览记录和密码,这些功能,老迈的 IE 可是一个都没有。

    ffa187932584dfc9696009cd87455442.png

    不过,外观好不好看、插件多不多、用户数据能不能同步,这些只是能影响用户去尝试一款浏览器的直接因素;但稳定和网页能不能正常打开,也就是所谓的兼容性,才是能让用户持续使用一款浏览器的根本

    君不见 IE 活了这么久,全仰仗那些只有 IE 能正确打开的内网系统和网上银行啊。。。

    至于网页为什么没法正确显示,往复杂了说可以有很多原因,但要简单总结一下的话,就是「 渲染 」出错了。

    浏览器是怎么渲染网页的?

    首先我们要先搞明白一个问题,浏览器是干啥的?

    差评官网打开后的页面

    91295dc1ddefc8475584bb7e58ae328f.png

    就拿差评的官网来说吧,我们拿浏览器打开以后,看到的是一副有图有字的页面,但实际上,这个页面是由代码构成的。

    浏览器的作用,就是把这些不是给人看的代码,「 翻译 」成我们普通人看的网页内容。

    手头有电脑的差友可以试着在浏览器里按一下 F12 哦~

    a6b4cad716cd9e5633c6b82912492e89.gif

    而这些网页内容中,又分为会动的和不会动的:「 静态内容 」「 动态内容 」。

    「 静态内容 」 就是一个网页上的文字、图片、字体、字号,什么内容该在什么区域的信息等等。。。这些内容写进网页里就不会再改变了。

    「 动态内容 」则是会动的图片窗,微博时间线和其他可以拖拽互动的元素,属于随着用户访问会不断变化的内容。

    b9982a48ba622f9785256094fd32254b.gif

    通常情况下,网页开发人员都是用静态内容打好网页的骨架,再用动态内容填充网页的内容,相辅相成也便于维护。

    而浏览器的工作,自然就是把这些或静态或动态的内容,渲染成我们平常能看到的生动页面。其中真正起作用的,就是浏览器的「 渲染引擎 」。

    然而,就像 MS Word 和 WPS 打开同一个 .docx 文档偶尔会排版不一样,渲染引擎对格式标记的处理方式不同,显示出来的网页画面也大不相同。

    603dabdea86f1dffba3074a788b53186.png

    而不同的浏览器,渲染用到的技术也不一样。

    由于早期的 Internet Explorer,尤其是祖传 IE 6.0,在用户份额上处于说一不二的统治地位,所以网页开发人员都要优先保证自己的网站在 IE 上正确显示。

    说白了,就是去把自己的网页代码适配 IE 的 Trident 静态渲染引擎和 Chakra 动态渲染引擎的渲染效果。

    Chrome 是怎么改变世界的

    但时过境迁,IE 这辆破车也有开不下去的那一天:对用户来说,IE 启动慢、易卡死、不安全;对开发人员来说,IE 不支持新的网页开发规范,要想让自己的网页更漂亮,程序员就需要专门为 IE 写更多的兼容代码。

    IE 的市场份额

    79957c745ce3e4298c25cf6289359ce6.png

    最终还是谷歌出手了,酷容 ( Chrome )浏览器( 在没有官方中文名前经常被人叫做谷歌浏览器 )可以说是 IE 的对立面:安全、快速、一个网页崩溃不会危机全身、支持各种新的网页特性和标准。外加占据着北美 1/4 互联网流量的谷歌加持宣传,一经推出就迅速蚕食 IE 的市场份额。

    世超直到现在还记得第一次打开酷容的那种惊艳:整个界面里,只有一个地址栏,一个返回键和一个刷新按钮,再无他物。

    ecc61b470018890c6c9610f30596c266.png

    若谷歌只是做了一款浏览器的话,那也没什么要说的,毕竟快速轻巧的浏览器还有隔壁的 Opera 和火狐,酷容无非多了一分来自谷歌的加持罢了。谷歌最厉害的是,它把酷容彻底开源了

    在谷歌的 Chromium 项目里,所有人都可以免费获得制作一款浏览器所需的所有源代码,相当于谷歌已经把一个抹好奶油的蛋糕坯子送到了同行面前,同行可以选择加一层奶油和水果再拿出来卖,或者干脆给奶油换个形状就送到顾客的面前。

    271736e0291dceee38febf108c3bfc6e.png

    所以你以为你用的是 360、QQ、UC,错啦!它们(现在)全都是基于 Chromium 项目改造来的,里面跑着的都是谷歌的 Blink 静态渲染引擎和 V8 动态渲染引擎。

    当全世界大部分浏览器都基于 Chromium 项目开发之后会发生什么呢?就像现在这样:网页开发者再也不在乎 IE 能否正确显示了,转而开始「 以酷容是瞻 」。

    谷歌开源了自己的代码,但却通过 Chromium 项目把自己变成了行业标准。

    215ab94b5a174ad6c07432305e25be87.png

    而谷歌也会给酷容做一些「 照顾 」:比如谷歌地球早先只有酷容能打开,谷歌的云游戏服务也只有酷容能访问。。。

    所以即使到最后,微软壮士断腕,抛弃 IE 代码彻底重写了 Edge 浏览器,使 Edge 的渲染速度比酷容还优秀( 了一阵子 ),但抱歉,你不是标准。同样的,火狐过得也很艰难。

    而以自研极速渲染引擎而闻名的 Opera 浏览器,早在 2013 年就宣布投奔 Chromium 阵营了,一时令人唏嘘。

    《 Opera 承认失败,拥抱谷歌的 Chromium 项目 》

    95d4c2d43d3afcdc2f57042499775170.png

    同样的芯,体验却大不相同

    谷歌一直把安全和用户安全看得很重,所以 Chromium 项目从一开始就有严密的开发逻辑。

    打开酷容、新版 Edge、Opera 的官网,可以发现浏览器的版本都分为四个:Stable(稳定)、Beta(测试)、Dev(开发)和 Canary(金丝雀);目前这几个版本对应的版本号分别为 76、77 和 78(金丝雀与开发版不跨版本)。

    66021b198708fdbd19c85b149e83b9e7.png

    关于这四个版本有什么不同,感兴趣的可以看看下面的文字:

    金丝雀版每天自动更新,工程师每天对浏览器进行的改动,都会呈现在其中;开发版则提供给网站开发人员,用来测试网页在新版浏览器里的显示效果;发烧友则可以使用测试版提前发现软件可能出现的 bug;这样最后广大用户拿到手里的就是没什么 bug、网页也显示正常的稳定版了。

    然而这件事情到了国内,就变了味:QQ 浏览器基于 Chromium 70;360 安全浏览器依旧基于 Chromium 63。

    世超猜测,由于国内浏览器做的定制比国外同样基于 Chromium 的浏览器多,比如「 酷容 / IE 双内核切换 」、网银助手、截图工具、安全助手、翻译取词、游戏工具箱、以及广告什么的。。。

    世超刚在虚拟机里装上 360 安全浏览器 15 分钟这个广告就弹了两次

    943fc2da3d5b351818688df0dd8a825b.png

    这就导致每个版本浏览器的开发和测试周期要远长于国外同样基于 Chromium 项目的浏览器,因此才出现「 过个一年多才更新一次 Chromium 版本而且更新的还不是最新的 」情况。。。

    经过了一年多的努力,猎豹浏览器终于从 Chromium 57 更新到了 Chromium 63

    dc654e92bc04a3b4b4e348ebe6dbe049.png

    怎么选?

    国内浏览器的推广思路无非是「 包办式 」的大杂烩:把所有用得到用不到的功能统统扔进去打包好端到用户面前。浏览器打开就能看小说、玩页游、双开、购物比价、划词搜索。。。

    但这些世超统统用不到。

    就拿大家最常用的双击关闭标签页来说吧,开始世超也挺喜欢这个功能,后来才发现,这个功能本来是鼠标中键的!对就是那个滚轮,是可以按下去的。包括 IE9 以及其他一些程序,都可以通过鼠标中间关闭和新建标签页。。。

    f002b7ddb682e8e0a40668dcb992caae.gif

    以及另一个常用的截图功能,其实 Windows 10 也是有自带的(1809 之后版本),只需要按下 Win+Shift+S 就可以了。

    273de01dafc2cee147968d2ec11595c2.gif

    而至于其他看小说、打游戏、登微信这些,更不会用浏览器去做了。反而世超最需要的手机、平板和电脑之间的共享体验,国内的几家厂商的产品都没能达到世超的预期。

    世超觉得火狐和酷容在这方面做的都不错

    2a8c1641a6b4f6e17e0cfc9c10e32d89.png

    比起一上来就按照厂商给用户的预设「 拉满 」,世超还是更喜欢像酷容和火狐(国际版)那样的浏览器:安装之后干干净净,之后用户可以根据自己的喜好和需求去装对应的扩展插件。

    5f53acf6a7a2f5d7aa72e6d483993920.png

    不过还是那句话,「萝卜青菜各有所爱」,比如世超曾经安利过自己的父辈用酷容,不过还是被「 能打开网银 」的国产浏览器打败了。

    国内的浏览器市场这么繁荣固然有他们的优点,如果用着顺手自然也么必要换。

    而不喜欢国产浏览器,或者说想尝试一下新选择的差友,你们不妨试试新的 Edge ?

    在操作系统的选择上,你们都给微软这么大机会了,浏览器要不也给个面子呗?

    “ 说个题外话:如果评测一下新 Edge,大家有兴趣吗?”

    展开全文
  • 怎么使浏览器兼容ES6语法

    千次阅读 2019-05-08 11:07:23
    哪里有灾难,哪里就有勇士和救兵,针对ES6的兼容性问题,很多团队为此开发出了多种语法解析转换工具,我们写的ES6语法转换ES5,相当于在ES6和浏览器之间做了一个翻译官。比较通用的工具方案有babel,jsx,trac.....

    随着前端技术的发现,es6语法在被更大范围的使用。
    浏览器支持情况:支持度比较好的是Chrome和Firefox浏览器,支持度最差的是IE(即便是IE11,支持度也很差)。

     哪里有灾难,哪里就有勇士和救兵,针对ES6的兼容性问题,很多团队为此开发出了多种语法解析转换工具,把我们写的ES6语法转换成ES5,相当于在ES6和浏览器之间做了一个翻译官。比较通用的工具方案有babel,jsx,traceur,es6-shim等。

    虽然出现了各种转换工具,但是到目前为止,还没有一款工具能百分百将ES6的新特性完美地转换成ES5,因为在ES6新增的内容中,存在一些无法在ES5中找到与之匹配的语法,所以不建议在生产环境中使用支持度较低的新特性,后续的教程章节中介绍的新特性前端君也会特意提醒它的兼容性。

    下面以【babel转换工具】为例讲解。

    一、引用browser.js

    <!DOCTYPE html>
    <html lang="ch">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
    </head>
    <body>
        <script type="text/javascript" src="./babel/browser.min.js"></script>
        <script type="text/babel">
            const list = ['one','two','three']; 
            list.forEach( (item,index) => { 
                alert(item + (index+1)); 
            });
        </script>
    </body>
    </html>

     

    注意:承载ES6代码的script标签的type的值要设为text/babel。

    引入browser.js能使大部分浏览器支持ES6,但是:

    Babel 默认只转换新的 JavaScript 句法,而不转换新的 API ,比如 Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等全局对象,以及一些定义在全局对象上的方法(比如 Object.assign)都不会转码。为了解决这个问题,我们使用一种叫做 Polyfill(代码填充,也可译作兼容性补丁) 的技术。

    二、引用browser-polyfill.js

    <script type="text/javascript" src="./babel/browser-polyfill.min.js"></script>

    引入以上两个文件基本就解决了浏览器对ES6的大部分支持问题。

    再次强调:即使使用了转换工具,还是不建议在生产环境大量地使用浏览器对ES6支持度较低的新特性的特性。

    展开全文
  • 其实微软自从 Windows 10 开始,就默认浏览器IE 换成了 Edge ,但很可惜大家使用它的习惯依旧没有养成,更多是它当成系统自带的 PDF 浏览器。。。微软在浏览器技术上一直都坚持着自我,Edge 浏览器在经过几次...
    55e667ee-5a0d-eb11-8da9-e4434bdf6706.gif差友们,你们用 Windows 自带浏览器下载过多少次其他浏览器了?其实微软自从 Windows 10 开始,就把默认浏览器从 IE 换成了 Edge ,但很可惜大家使用它的习惯依旧没有养成,更多是把它当成系统自带的 PDF 浏览器。。。5ce667ee-5a0d-eb11-8da9-e4434bdf6706.jpeg微软在浏览器技术上一直都坚持着自我,Edge 浏览器在经过几次更新之后,性能也越发强大,但依旧败给了一个强大的阵营:Chromium 项目。没错,微软终于还是服软了。。。最近世超注意到,Edge 也发布了基于 Chromium 的版本。在 Windows 还没有捆绑集成 IE 之前,网景浏览器是大家上网的首选70e667ee-5a0d-eb11-8da9-e4434bdf6706.png想当年,微软通过在操作系统中捆绑安装 Internet Explorer,吃掉了「 网景浏览器 」这款付费浏览器的市场,成为网页浏览器的寡头,是多么风光无限;被酷容 ( Chrome ) 抢占了市场之后也曾力图通过 Edge 力挽狂澜;然而最终还是放弃了自研核心,落得个和 Opera 一样的下场。至此,浏览器大战中只剩下了四位选手:IE、酷容 ( Chrome )、火狐 ( Firefox ) 和 Safari。 我们选浏览器的时候,选的是什么?世超最早接触 IE 以外的浏览器,是 Maxthon 傲游,之后又陆续换了 360 安全浏览器、谷歌的酷容和谋智 ( Mozilla ) 的火狐 ( Firefox )。这些浏览器的特点都很明显:多标签,稳定、有好多小工具、能跨设备同步浏览记录和密码,这些功能,老迈的 IE 可是一个都没有。77e667ee-5a0d-eb11-8da9-e4434bdf6706.png不过,外观好不好看、插件多不多、用户数据能不能同步,这些只是能影响用户去尝试一款浏览器的直接因素;但稳定和网页能不能正常打开,也就是所谓的兼容性,才是能让用户持续使用一款浏览器的根本君不见 IE 活了这么久,全仰仗那些只有 IE 能正确打开的内网系统和网上银行啊。。。至于网页为什么没法正确显示,往复杂了说可以有很多原因,但要简单总结一下的话,就是「 渲染 」出错了。 浏览器是怎么渲染网页的?首先我们要先搞明白一个问题,浏览器是干啥的?差评官网打开后的页面7de667ee-5a0d-eb11-8da9-e4434bdf6706.png就拿差评的官网来说吧,我们拿浏览器打开以后,看到的是一副有图有字的页面,但实际上,这个页面是由代码构成的。浏览器的作用,就是把这些不是给人看的代码,「 翻译 」成我们普通人看的网页内容。手头有电脑的差友可以试着在浏览器里按一下 F12 哦~83e667ee-5a0d-eb11-8da9-e4434bdf6706.gif而这些网页内容中,又分为会动的和不会动的:「 静态内容 」「 动态内容 」。「 静态内容 」 就是一个网页上的文字、图片、字体、字号,什么内容该在什么区域的信息等等。这些内容写进网页里就不会再改变了。「 动态内容 」则是会动的图片窗,微博时间线和其他可以拖拽互动的元素,属于随着用户访问会不断变化的内容。8ae667ee-5a0d-eb11-8da9-e4434bdf6706.gif通常情况下,网页开发人员都是用静态内容打好网页的骨架,再用动态内容填充网页的内容,相辅相成也便于维护。而浏览器的工作,自然就是把这些或静态或动态的内容,渲染成我们平常能看到的生动页面其中真正起作用的,就是浏览器的「 渲染引擎 」。然而,就像 MS Word 和 WPS 打开同一个 .docx 文档偶尔会排版不一样,渲染引擎对格式标记的处理方式不同,显示出来的网页画面也大不相同。8ee667ee-5a0d-eb11-8da9-e4434bdf6706.png而不同的浏览器,渲染用到的技术也不一样。由于早期的 Internet Explorer,尤其是祖传 IE 6.0,在用户份额上处于说一不二的统治地位,所以网页开发人员都要优先保证自己的网站在 IE 上正确显示。说白了,就是去把自己的网页代码适配 IE 的 Trident 静态渲染引擎和 Chakra 动态渲染引擎的渲染效果。 Chrome 是怎么改变世界的 但时过境迁,IE 这辆破车也有开不下去的那一天:对用户来说,IE 启动慢、易卡死、不安全;对开发人员来说,IE 不支持新的网页开发规范,要想让自己的网页更漂亮,程序员就需要专门为 IE 写更多的兼容代码。IE 的市场份额90e667ee-5a0d-eb11-8da9-e4434bdf6706.png最终还是谷歌出手了,酷容 ( Chrome )浏览器( 在没有官方中文名前经常被人叫做谷歌浏览器 )可以说是 IE 的对立面:安全、快速、一个网页崩溃不会危机全身、支持各种新的网页特性和标准。外加占据着北美 1/4 互联网流量的谷歌加持宣传,一经推出就迅速蚕食 IE 的市场份额。世超直到现在还记得第一次打开酷容的那种惊艳:整个界面里,只有一个地址栏,一个返回键和一个刷新按钮,再无他物。94e667ee-5a0d-eb11-8da9-e4434bdf6706.png若谷歌只是做了一款浏览器的话,那也没什么要说的,毕竟快速轻巧的浏览器还有隔壁的 Opera 和火狐,酷容无非多了一分来自谷歌的加持罢了。谷歌最厉害的是,它把酷容彻底开源了在谷歌的 Chromium 项目里,所有人都可以免费获得制作一款浏览器所需的所有源代码,相当于谷歌已经把一个抹好奶油的蛋糕坯子送到了同行面前,同行可以选择加一层奶油和水果再拿出来卖,或者干脆给奶油换个形状就送到顾客的面前。97e667ee-5a0d-eb11-8da9-e4434bdf6706.png所以你以为你用的是 360、QQ、UC,错啦!它们(现在)全都是基于 Chromium 项目改造来的,里面跑着的都是谷歌的 Blink 静态渲染引擎和 V8 动态渲染引擎。当全世界大部分浏览器都基于 Chromium 项目开发之后会发生什么呢?就像现在这样:网页开发者再也不在乎 IE 能否正确显示了,转而开始「 以酷容是瞻 」。谷歌开源了自己的代码,但却通过 Chromium 项目把自己变成了行业标准。9de667ee-5a0d-eb11-8da9-e4434bdf6706.png而谷歌也会给酷容做一些「 照顾 」:比如谷歌地球早先只有酷容能打开,谷歌的云游戏服务也只有酷容能访问。。。所以即使到最后,微软壮士断腕,抛弃 IE 代码彻底重写了 Edge 浏览器,使 Edge 的渲染速度比酷容还优秀( 了一阵子 ),但抱歉,你不是标准。同样的,火狐过得也很艰难。而以自研极速渲染引擎而闻名的 Opera 浏览器,早在 2013 年就宣布投奔 Chromium 阵营了,一时令人唏嘘。《 Opera 承认失败,拥抱谷歌的 Chromium 项目 》a1e667ee-5a0d-eb11-8da9-e4434bdf6706.png 同样的芯,体验却大不相同  谷歌一直把安全和用户安全看得很重,所以 Chromium 项目从一开始就有严密的开发逻辑。打开酷容、新版 Edge、Opera 的官网,可以发现浏览器的版本都分为四个:Stable(稳定)、Beta(测试)、Dev(开发)和 Canary(金丝雀);目前这几个版本对应的版本号分别为 76、77 和 78(金丝雀与开发版不跨版本)a5e667ee-5a0d-eb11-8da9-e4434bdf6706.png关于这四个版本有什么不同,感兴趣的可以看看下面的文字:
    金丝雀版每天自动更新,工程师每天对浏览器进行的改动,都会呈现在其中;开发版则提供给网站开发人员,用来测试网页在新版浏览器里的显示效果;发烧友则可以使用测试版提前发现软件可能出现的 bug;这样最后广大用户拿到手里的就是没什么 bug、网页也显示正常的稳定版了。
    然而这件事情到了国内,就变了味:QQ 浏览器基于 Chromium 70;360 安全浏览器依旧基于 Chromium 63。世超猜测,由于国内浏览器做的定制比国外同样基于 Chromium 的浏览器多,比如「 酷容 / IE 双内核切换 」、网银助手、截图工具、安全助手、翻译取词、游戏工具箱、以及广告什么的。。。世超刚在虚拟机里装上 360 安全浏览器 15 分钟这个广告就弹了两次aae667ee-5a0d-eb11-8da9-e4434bdf6706.png这就导致每个版本浏览器的开发和测试周期要远长于国外同样基于 Chromium 项目的浏览器,因此才出现「 过个一年多才更新一次 Chromium 版本而且更新的还不是最新的 」情况。。。经过了一年多的努力,猎豹浏览器终于从 Chromium 57 更新到了 Chromium 63afe667ee-5a0d-eb11-8da9-e4434bdf6706.png 怎么选?国内浏览器的推广思路无非是「 包办式 」的大杂烩:把所有用得到用不到的功能统统扔进去打包好端到用户面前。浏览器打开就能看小说、玩页游、双开、购物比价、划词搜索。。。b6e667ee-5a0d-eb11-8da9-e4434bdf6706.png但这些世超统统用不到。就拿大家最常用的双击关闭标签页来说吧,开始世超也挺喜欢这个功能,后来才发现,这个功能本来是鼠标中键的!对就是那个滚轮,是可以按下去的。包括 IE9 以及其他一些程序,都可以通过鼠标中间关闭和新建标签页。。。bde667ee-5a0d-eb11-8da9-e4434bdf6706.gif以及另一个常用的截图功能,其实 Windows 10 也是有自带的(1809 之后版本),只需要按下 Win+Shift+S 就可以了。c6e667ee-5a0d-eb11-8da9-e4434bdf6706.gif而至于其他看小说、打游戏、登微信这些,更不会用浏览器去做了。反而世超最需要的手机、平板和电脑之间的共享体验,国内的几家厂商的产品都没能达到世超的预期。世超觉得火狐和酷容在这方面做的都不错cce667ee-5a0d-eb11-8da9-e4434bdf6706.png比起一上来就按照厂商给用户的预设「 拉满 」,世超还是更喜欢像酷容和火狐(国际版)那样的浏览器:安装之后干干净净,之后用户可以根据自己的喜好和需求去装对应的扩展插件。d0e667ee-5a0d-eb11-8da9-e4434bdf6706.png不过还是那句话,「萝卜青菜各有所爱」,比如世超曾经安利过自己的父辈用酷容,不过还是被「 能打开网银 」的国产浏览器打败了。国内的浏览器市场这么繁荣固然有他们的优点,如果用着顺手自然也么必要换。而不喜欢国产浏览器,或者说想尝试一下新选择的差友,你们不妨试试新的 Edge ?在操作系统的选择上,你们都给微软这么大机会了,浏览器要不也给个面子呗?

    参考资料

    前 YouTube 工程师 Chris Zacharias 的个人博客, 《合谋“杀死”IE6》

    猎豹浏览器官网, 更新日志

    “ 说个题外话:如果评测一下新 Edge,大家有兴趣吗?d2e667ee-5a0d-eb11-8da9-e4434bdf6706.gif
    展开全文
  • 其实微软自从 Windows 10 开始,就默认浏览器IE 换成了 Edge ,但很可惜大家使用它的习惯依旧没有养成,更多是它当成系统自带的 PDF 浏览器。。。微软在浏览器技术上一直都坚持着自我,Edge 浏览器在经过几次...
    b87a4f4afef042c0d2bb75bf9dc660a8.gif

    更多数码技巧,快关注“差评”~

    差友们,你们用 Windows 自带浏览器下载过多少次其他浏览器了?

    其实微软自从 Windows 10 开始,就把默认浏览器从 IE 换成了 Edge ,但很可惜大家使用它的习惯依旧没有养成,更多是把它当成系统自带的 PDF 浏览器。。。

    2f8567d6719b1c2944e82c9a293349e9.png

    微软在浏览器技术上一直都坚持着自我,Edge 浏览器在经过几次更新之后,性能也越发强大,但依旧败给了一个强大的阵营:Chromium 项目。

    没错,微软终于还是服软了。。。

    最近世超注意到,Edge 也发布了基于 Chromium 的版本。

    在 Windows 还没有捆绑集成 IE 之前,网景浏览器是大家上网的首选

    e9c1c2895be4c82fcb089edcba248bf6.png

    想当年,微软通过在操作系统中捆绑安装 Internet Explorer,吃掉了「 网景浏览器 」这款付费浏览器的市场,成为网页浏览器的寡头,是多么风光无限;被酷容 ( Chrome ) 抢占了市场之后也曾力图通过 Edge 力挽狂澜;然而最终还是放弃了自研核心,落得个和 Opera 一样的下场。

    至此,浏览器大战中只剩下了四位选手:IE、酷容 ( Chrome )、火狐 ( Firefox ) 和 Safari。

    我们选浏览器的时候,选的是什么?

    世超最早接触 IE 以外的浏览器,是 Maxthon 傲游,之后又陆续换了 360 安全浏览器、谷歌的酷容和谋智 ( Mozilla ) 的火狐 ( Firefox )。

    这些浏览器的特点都很明显:多标签,稳定、有好多小工具、能跨设备同步浏览记录和密码,这些功能,老迈的 IE 可是一个都没有。

    a092d692f29110bb48dcc45a198c9e2c.png

    不过,外观好不好看、插件多不多、用户数据能不能同步,这些只是能影响用户去尝试一款浏览器的直接因素;但稳定和网页能不能正常打开,也就是所谓的兼容性,才是能让用户持续使用一款浏览器的根本

    君不见 IE 活了这么久,全仰仗那些只有 IE 能正确打开的内网系统和网上银行啊。。。

    至于网页为什么没法正确显示,往复杂了说可以有很多原因,但要简单总结一下的话,就是「 渲染 」出错了。

    浏览器是怎么渲染网页的?

    首先我们要先搞明白一个问题,浏览器是干啥的?

    差评官网打开后的页面

    4b0842b173f48671f46dee381a5152c2.png

    就拿差评的官网来说吧,我们拿浏览器打开以后,看到的是一副有图有字的页面,但实际上,这个页面是由代码构成的。

    浏览器的作用,就是把这些不是给人看的代码,「 翻译 」成我们普通人看的网页内容。

    手头有电脑的差友可以试着在浏览器里按一下 F12 哦~

    be475ba882e1101e2a8a8a3098f8178c.gif

    而这些网页内容中,又分为会动的和不会动的:「 静态内容 」「 动态内容 」。

    「 静态内容 」 就是一个网页上的文字、图片、字体、字号,什么内容该在什么区域的信息等等。。。这些内容写进网页里就不会再改变了。

    「 动态内容 」则是会动的图片窗,微博时间线和其他可以拖拽互动的元素,属于随着用户访问会不断变化的内容。

    406e4d5ac844cca98bad4b7c38155722.gif

    通常情况下,网页开发人员都是用静态内容打好网页的骨架,再用动态内容填充网页的内容,相辅相成也便于维护。

    而浏览器的工作,自然就是把这些或静态或动态的内容,渲染成我们平常能看到的生动页面。其中真正起作用的,就是浏览器的「 渲染引擎 」。

    然而,就像 MS Word 和 WPS 打开同一个 .docx 文档偶尔会排版不一样,渲染引擎对格式标记的处理方式不同,显示出来的网页画面也大不相同。

    7b87ed80012b3e48e1620965470287cf.png

    而不同的浏览器,渲染用到的技术也不一样。

    由于早期的 Internet Explorer,尤其是祖传 IE 6.0,在用户份额上处于说一不二的统治地位,所以网页开发人员都要优先保证自己的网站在 IE 上正确显示。

    说白了,就是去把自己的网页代码适配 IE 的 Trident 静态渲染引擎和 Chakra 动态渲染引擎的渲染效果。

    Chrome 是怎么改变世界的

    但时过境迁,IE 这辆破车也有开不下去的那一天:对用户来说,IE 启动慢、易卡死、不安全;对开发人员来说,IE 不支持新的网页开发规范,要想让自己的网页更漂亮,程序员就需要专门为 IE 写更多的兼容代码。

    IE 的市场份额

    8df689dfaeb194d2b11ef80941e84351.png

    最终还是谷歌出手了,酷容 ( Chrome )浏览器( 在没有官方中文名前经常被人叫做谷歌浏览器 )可以说是 IE 的对立面:安全、快速、一个网页崩溃不会危机全身、支持各种新的网页特性和标准。外加占据着北美 1/4 互联网流量的谷歌加持宣传,一经推出就迅速蚕食 IE 的市场份额。

    世超直到现在还记得第一次打开酷容的那种惊艳:整个界面里,只有一个地址栏,一个返回键和一个刷新按钮,再无他物。

    93f1f98f540e30041285a588f1dfa0a3.png

    若谷歌只是做了一款浏览器的话,那也没什么要说的,毕竟快速轻巧的浏览器还有隔壁的 Opera 和火狐,酷容无非多了一分来自谷歌的加持罢了。谷歌最厉害的是,它把酷容彻底开源了

    在谷歌的 Chromium 项目里,所有人都可以免费获得制作一款浏览器所需的所有源代码,相当于谷歌已经把一个抹好奶油的蛋糕坯子送到了同行面前,同行可以选择加一层奶油和水果再拿出来卖,或者干脆给奶油换个形状就送到顾客的面前。

    b83ecdccf893df32b4f53ee9fb1b9e2e.png

    所以你以为你用的是 360、QQ、UC,错啦!它们(现在)全都是基于 Chromium 项目改造来的,里面跑着的都是谷歌的 Blink 静态渲染引擎和 V8 动态渲染引擎。

    当全世界大部分浏览器都基于 Chromium 项目开发之后会发生什么呢?就像现在这样:网页开发者再也不在乎 IE 能否正确显示了,转而开始「 以酷容是瞻 」。

    谷歌开源了自己的代码,但却通过 Chromium 项目把自己变成了行业标准。

    9d88572deb93959216ebe9e51f31e832.png

    而谷歌也会给酷容做一些「 照顾 」:比如谷歌地球早先只有酷容能打开,谷歌的云游戏服务也只有酷容能访问。。。

    所以即使到最后,微软壮士断腕,抛弃 IE 代码彻底重写了 Edge 浏览器,使 Edge 的渲染速度比酷容还优秀( 了一阵子 ),但抱歉,你不是标准。同样的,火狐过得也很艰难。

    而以自研极速渲染引擎而闻名的 Opera 浏览器,早在 2013 年就宣布投奔 Chromium 阵营了,一时令人唏嘘。

    《 Opera 承认失败,拥抱谷歌的 Chromium 项目 》

    6f0455f45454d3dd240d8f19e21b038c.png

    同样的芯,体验却大不相同

    谷歌一直把安全和用户安全看得很重,所以 Chromium 项目从一开始就有严密的开发逻辑。

    打开酷容、新版 Edge、Opera 的官网,可以发现浏览器的版本都分为四个:Stable(稳定)、Beta(测试)、Dev(开发)和 Canary(金丝雀);目前这几个版本对应的版本号分别为 76、77 和 78(金丝雀与开发版不跨版本)。

    c5a31a737b1447c1d99eae2d1ce561aa.png

    关于这四个版本有什么不同,感兴趣的可以看看下面的文字:

    金丝雀版每天自动更新,工程师每天对浏览器进行的改动,都会呈现在其中;开发版则提供给网站开发人员,用来测试网页在新版浏览器里的显示效果;发烧友则可以使用测试版提前发现软件可能出现的 bug;这样最后广大用户拿到手里的就是没什么 bug、网页也显示正常的稳定版了。

    然而这件事情到了国内,就变了味:QQ 浏览器基于 Chromium 70;360 安全浏览器依旧基于 Chromium 63。

    世超猜测,由于国内浏览器做的定制比国外同样基于 Chromium 的浏览器多,比如「 酷容 / IE 双内核切换 」、网银助手、截图工具、安全助手、翻译取词、游戏工具箱、以及广告什么的。。。

    世超刚在虚拟机里装上 360 安全浏览器 15 分钟这个广告就弹了两次

    b8097c58b44af3c5963b439e6e2203b9.png

    这就导致每个版本浏览器的开发和测试周期要远长于国外同样基于 Chromium 项目的浏览器,因此才出现「 过个一年多才更新一次 Chromium 版本而且更新的还不是最新的 」情况。。。

    经过了一年多的努力,猎豹浏览器终于从 Chromium 57 更新到了 Chromium 63

    45582ffc6e61f3411037667d8b4f5326.png

    怎么选?

    国内浏览器的推广思路无非是「 包办式 」的大杂烩:把所有用得到用不到的功能统统扔进去打包好端到用户面前。浏览器打开就能看小说、玩页游、双开、购物比价、划词搜索。。。

    但这些世超统统用不到。

    就拿大家最常用的双击关闭标签页来说吧,开始世超也挺喜欢这个功能,后来才发现,这个功能本来是鼠标中键的!对就是那个滚轮,是可以按下去的。包括 IE9 以及其他一些程序,都可以通过鼠标中间关闭和新建标签页。。。

    b6b994f40038e50b0ab4eecc1397ae07.gif

    以及另一个常用的截图功能,其实 Windows 10 也是有自带的(1809 之后版本),只需要按下 Win+Shift+S 就可以了。

    965db4dabcc5ce32a8f38b00772d7d67.gif

    而至于其他看小说、打游戏、登微信这些,更不会用浏览器去做了。反而世超最需要的手机、平板和电脑之间的共享体验,国内的几家厂商的产品都没能达到世超的预期。

    世超觉得火狐和酷容在这方面做的都不错

    2c38fc9d4b56dab473d8a1719fa3f9fc.png

    比起一上来就按照厂商给用户的预设「 拉满 」,世超还是更喜欢像酷容和火狐(国际版)那样的浏览器:安装之后干干净净,之后用户可以根据自己的喜好和需求去装对应的扩展插件。

    b81793c015ec84817b958ab1260af484.png

    不过还是那句话,「萝卜青菜各有所爱」,比如世超曾经安利过自己的父辈用酷容,不过还是被「 能打开网银 」的国产浏览器打败了。

    国内的浏览器市场这么繁荣固然有他们的优点,如果用着顺手自然也么必要换。

    而不喜欢国产浏览器,或者说想尝试一下新选择的差友,你们不妨试试新的 Edge ?

    在操作系统的选择上,你们都给微软这么大机会了,浏览器要不也给个面子呗?

    “ 说个题外话:如果评测一下新 Edge,大家有兴趣吗?”

    展开全文
  • select的小图标替换 自己想要的图片 不同的浏览器默认的select的选项图标是不同的,例如: 在chrome中,是这样的: 未点击时 点击时 在Firefox中是这样的: 未点击时点击时 在IE9中是这样的: 未点击时...
  • 客户用IE浏览器,之前没做过升级,我是jq3.2.1文件替换1.6.4版本了,名字也改成原来的名字,运行项目就报错size这个问题,我查了下文档,size在1.8 的时候被删除了,那么这里要换成什么,还是说要怎么做 大神帮帮...
  • 不同的浏览器默认的select的选项图标是...在IE9中是这样的: 未点击时点击时 其它浏览器大家可以自己尝试看看select的默认样式 下面开始正式介绍怎么替换: 这是我的html代码: <div> <select id="m...
  • 登录时点击眼睛图标若干次就会出现整个页面卡死的状况,困扰了许久,一直认为是浏览器的...为了再一次验证确实是浏览器的原因,于是svg换成了png,结果bug解决了..解决了... 怎么没有早点想到替换法定位问题呢!...
  • 前阵子重构了一个挺有意思的项目,是一...callback也不要了,全换成promise,async、await也用起来,反正怎么怎么写。 问PM浏览器最低兼容到哪个版本,PM说兼容公司各个产品所兼容的最低版本就行。和公司各个产品的
  • 使用的浏览器为谷歌浏览器,IE浏览器也是可以的,看个人习惯了。 继续: 问题出现了,点击“提交注册信息”按钮没有任何反应,此时用“fn+F12”进入页面源代码,发现有报错信息。 看到这么多报错不要着急,接下来...
  • 但好像php没有响应,我先是在vscode中跑了一下,然后又代码放到搭建好的xmapp的php运行环境下跑了一下,但是似乎都没...php路径换成txt文件就能返回文件内容,是不是还要重新配置php运行环境啊,为啥php运行这么复杂
  • 笔者可以描述这样一个场景:有一天你上网完全可以不用IE 或者NETSCAPE,上网就像是玩游戏,你可以获得游戏那么精美的图像和互动的感觉,如果你玩过UO,也许你就知道那种感觉了,但是JAVA做的东西一定会超过UO的,...
  • -CyberArticle 可以.book文件转换可执行文件(*.exe)。 -CyberArticle 可以导入您的邮件,让您的邮件有一个安全的家,您还可以定期导入邮件,制作CHM或者EXE,然您的邮件更加容易整理。。 -CyberArticle ...
  • 全站支持瀑布流展示效果,兼容包括ie6在内所有浏览器,欢迎测试并反馈 支持html5+CSS3特效,推荐在Chrome或IE9浏览可以看到更好效果 全站搜索引擎SEO优化,同时可自定义文章Meta信息 导航下拉菜单和分享按钮等地方...
  • 70款经典Dreamweaver插件

    2011-09-21 12:42:27
    MX162506_persist_layer 不论浏览器的滚动条怎么拉,用这个插件插入的层总是保持在某个位置不动 MX156958_e-VueObject 插入e-Vue MPEG-4格式的文件 Sound 插入Midi、wav、Aiff等格式的声音文件 MX172878_sup_sub_...
  • Dreamweaver 插件集

    2012-02-04 16:16:36
    不论浏览器的滚动条怎么拉,用这个插件插入的层总是保持在某个位置不动 MX156958_e-VueObject 插入e-Vue MPEG-4格式的文件 Sound 插入Midi、wav、Aiff等格式的声音文件 MX172878_sup_sub_ext 插入上标、...
  • 400个DreamWeaver插件

    2013-03-28 15:30:13
    mxp/这个Behavior类插件可以根据客户端不用浏览器类型他们带到不用的页面 mxp/不论浏览器的滚动条怎么拉,用这个插件插入的层总是保持在某个位置不动 mxp/虽然Dreamweaver不是编辑php的好工具,但是还是有这个php...
  • 微信小程序之WebSocket

    2017-09-28 16:14:28
    游戏规则是这样的:换成金子,挖到金子加一分,每人轮流一次(A挖完轮到B,B挖完A才能再点击),点中金子就算你的,也不会炸,游戏继续,直到场上所有的金子都挖完游戏才结束。跟扫雷一样,数字也是表示周边有...
  • DedeCms V5.6 UTF8 世博风格模板,这个在IE8下做的,其他浏览器没看,不知道兼容怎么样,有问题可在这提出。一般应该兼容。呵呵 这个是UTF8版,没做GBK,其实大家编码下应该就好,也没测试,本人有点懒,所做的...
  • 3、由于增加了手机版,修改前台调用数据库请注意,尤其是本程序放在二级目录的站长。 【绑定二级域名,且使用二级域名的不受限制。】 4、更改网址系统设置,更改网址LOGO。 5、有能力请修改”数据表名”。 6、...
  • 上面的例子分三级结构排列"树"状,其中的就是根元素。在XML和DTD文件中,第一个定义的都是根元素。 3.Parent Element(父元素)/Child Element(子元素) 父元素是指包含有其它元素的元素,被包含的元素称为它的子...
  • 例一:打开 IE 浏览器或者没过几分钟就会出现"0x70dcf39f"指令引用的"0x00000000"内存。该内存不能为 “read”。要终止程序,请单击“确定”的信息框,单击“确定”后,又出现“发生内部错误,您正在使用的其中 一个...
  • Tinyxml 源代码(VC6 & VS2005)

    热门讨论 2009-08-12 15:57:04
    在"network printing"模式下输出没有行符,这对于网络传输和C++对象之间的XML交换有好处,但人很难阅读。 TiXmlPrinter:输出到一个std::string或者内存缓冲区中。 API还不是很简练。 将来会增加打印选项。 在将来...
  • 至于最后编译amd、cmd或者是其他浏览器模块运行规范可以由构建工具决定。 接下来,引入Babel之后,前端是不是可以完全基于规范开发,不要再引入各种框架/库什么的? 然而,基本不...
  • 最后的度盘,在刚开始采用的Highcharts画的饼图,弄的一块一块的 效果也差,所以在GOOGLE了JS绘图技术,搜出了 令我大感兴奋的矢量绘图技术,SVG AND VML,SVG支持除IE外大部分的浏览器,VML仅支持IE5以上的...
  • tomcat环境变量配置

    2013-04-02 16:21:59
    怎么回事呢? Servlet必须使用C:\Tomcat\webapps\ROOT\WEB-INF这个目录下面的web.xml文件进行注册, 用EP打开这个web.xml文件, 下面这段程序 servlet> ..... ...... 替换 <servlet-name>HelloWorld ...
  • 进入之后我们打开http://192.168.1.1/backupsettings.conf这个链接,这个链接指向的就是路由器的配置文件,当你打开他后,浏览器默认会下载这个文件,如果你使用的是IE的话,或许会提示无法获取此文件,这时你只需...
  • vc++ 应用源码包_1

    热门讨论 2012-09-15 14:22:12
    这个例子就是查询任何可执行文件的版本信息并且 C++builder 和 VC 都通用,只需要 AnsiString 替换 CString 就行了。 gh0st v3.6 源码 - 可下断点调试! GMem 内存管理单元源码。GMem.cpp和GMem.h是内存管理...
  • vc++ 应用源码包_2

    热门讨论 2012-09-15 14:27:40
    这个例子就是查询任何可执行文件的版本信息并且 C++builder 和 VC 都通用,只需要 AnsiString 替换 CString 就行了。 gh0st v3.6 源码 - 可下断点调试! GMem 内存管理单元源码。GMem.cpp和GMem.h是内存管理...

空空如也

空空如也

1 2 3
收藏数 46
精华内容 18
关键字:

怎么把浏览器换成ie