欢迎来到商城源码
帮助中心

商城源码

热门搜索:

如何让浏览器用极速模式打开网站而不是兼容模式

  • 时间:2020-02-19 16:16 编辑:大圣 来源:叁城 阅读:88
  • 扫一扫,手机访问
摘要:除少数极端落后的网站外,绝大部分网站在对CSS3和HTML5友好的极速模式中访问都能更快打开页面,获得更丰富的显示效果和更好的使用体验。那么,我们怎么才能让浏览器用极速模式打开网站而不是兼容模式呢?工具/原料代码编辑器(如Notepad+

除少数极端落后的网站外,绝大部分网站在对CSS3和HTML5友好的极速模式中访问都能更快打开页面,获得更丰富的显示效果和更好的使用体验。

那么,我们怎么才能让浏览器用极速模式打开网站而不是兼容模式呢?

工具/原料

  • 代码编辑器(如Notepad++、Visual Studio Code)

方法/步骤

  1. 如果是普通用户,我们可以手动切换到极速模式内核,开关就在网址输入框后面的一个闪电或者IE图标里。

    如下所示,点击并选择即可。(各大浏览器文字提示略有不同,不过开关位置是一致的)

    如何让浏览器用极速模式打开网站而不是兼容模式

  2. 作为网站开发者和站长,希望网站的访问用户都以极速模式打开网站,也是可以实现的,我们可以使用双核浏览器提供的meta标签去实现。

    我们只需要在 <head> 标签后面添加一段代码即可,如下所示:

    <meta name="renderer" content="webkit"/>

  3. 需要注意的是,这个meta并非所有环境都通用,为了兼容所有双核浏览器及所有运行环境,建议使用这段代码。

    默认使用极速模式,作用于360浏览器、QQ浏览器等国产双核浏览器:

    <meta name="renderer" content="webkit"/>

    默认使用极速模式,作用于其他双核浏览器:

    <meta name="force-rendering" content="webkit"/>

    如果有安装 Google Chrome Frame 插件则默认使用Chromium内核(也就是极速模式内核),否则强制本机支持的最高版本IE内核,作用于IE浏览器:

    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>

    以上代码已经令所有双核浏览器默认使用极速模式而非IE模式访问,剩下的IE用户也就寥寥无几了,以下代码将IE10及以下版本的用户跳转到IE浏览器升级页:

    <script>/*@cc_on window.location.href="http://support.dmeng.net/upgrade-your-browser.html?referrer="+encodeURIComponent(window.location.href); @*/</script>

    @cc_on 是 IE10 及更旧版IE特有的条件编译语句,因此可以用来判断是否除 IE11 的其他IE版本。

    5如何给网站添加IE浏览器升级提示

  4. 以下是一个完整的代码案例。

    <!DOCTYPE html>

    <html>

    <head>

        <meta charset="UTF-8"/>

        <meta name="renderer" content="webkit"/>

        <meta name="force-rendering" content="webkit"/>

        <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>

        <script>/*@cc_on window.location.href="http://support.dmeng.net/upgrade-your-browser.html?referrer="+encodeURIComponent(window.location.href); @*/</script>

        <!-- 为了获得更好的解析效果,请把规定内核的meta标签放在其他meta标签前面。这里放其他meta标签。-->

        <title>网页标题</title>

    </head>

    <body>

        网页内容

    </body>

    </html>

    END

注意事项

  • 因为通过代码默认选择极速模式后,所有双内核浏览器都已经使用极速模式访问,而非IE模式。所以在后面添加一段IE浏览器升级提示页代码,当低版本IE用户访问时不展示乱版页面,而是跳转到升级提示页,避免不必要的资源加载,降低网站服务器开销。


  • 全部评论(0)
上一篇:已是第一篇内容
下一篇:已是最后一篇内容
资讯详情页最新发布上方横幅
最新发布的资讯信息
【官方公告|】友价商城升级后,首页广告图片(如切换图片)无法显示(2020-02-21 14:40)
【官方公告|】交易快照打开没有图片显示(2020-02-21 14:39)
【官方公告|】友价商城源码产品的头部文件和底部文件是哪个?(2020-02-21 14:38)
【官方公告|】友价商城的商家/用户信誉值和图标对应(2020-02-21 14:37)
【官方公告|】如何配置友价商城系统手机版(2020-02-21 14:35)
【官方公告|】友价商城系统短信模板(2020-02-21 14:35)
【官方公告|】友价商城网安装好后,需要再配置什么?(2020-02-21 14:34)
【官方公告|】商城T5首页底部的推荐商家怎么设置?(2020-02-21 14:33)
【官方公告|】T5商城首页的团购怎么设置?(2020-02-21 14:33)
【官方公告|】商品的筛选条件怎么设置(2020-02-21 14:32)
联系我们
Q Q:940304595
电话:1782358992
邮箱:940304595@qq.com
时间:09:00 - 01:00
购买这套源码