解决VUE本地项目设置默认进入极速模式测试时不生效问题

设置默认进入极速模式

360官方代码示例
浏览器默认内核的指定只需在head标签中添加一行代码即可:
若页面需默认用极速核,增加标签:<meta name="renderer" content="webkit">
若页面需默认用ie兼容内核,增加标签:<meta name="renderer" content="ie-comp">
若页面需默认用ie标准内核,增加标签:<meta name="renderer" content="ie-stand">
content的取值为webkit,ie-comp,ie-stand之一,区分大小写,分别代表用webkit内核,IE兼容内核,IE标准内核。

问题:已采用上述方法添加极速核,但是使用360极速浏览器打开发现默认模式还是兼容模式如下图

默认模式.png

解决步骤

1.修改本地host文件

文件位置C:\Windows\System32\drivers\etc
使用记事本打开hosts文件
添加映射 例127.0.0.1(ip地址) www.test.com(自定义域名)该ip地址需可访问

2.修改VUE项目webpack.dev.conf.js配置

文件位置build/webpack.dev.conf.js
搜索devServer属性,在该属性里添加属性disableHostCheck: true // 解决127.0.0.1指向其他域名时出现"Invalid Host header"问题该配置需要重启项目

3.打开360极速浏览器验证

输入自定义域名加项目定义的端口号 例www.test.com:3000即可发现默认模式为极速模式

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,610评论 1 45
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,790评论 1 92
  • 前端开发知识点 HTML&CSS对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功:布局、盒子模型...
    Hebborn_hb阅读 849评论 0 1
  • 前端开发面试题 面试题目: 根据你的等级和职位的变化,入门级到专家级,广度和深度都会有所增加。 题目类型: 理论知...
    怡宝丶阅读 2,606评论 0 7
  • 文/王西 一个个彩色的字 揣在我的兜里 黄昏,我的温度上升 它便着床,发芽 一次次钻破我的脑袋 鸟醒的清晨 我的身...
    五月的石榴阅读 362评论 2 7