区别谷歌浏览器和360极速浏览器

先吐槽一下，沙雕测试，兼容了ie，又要让我兼容360极速模式和兼容ie模式，都啥社会了！

说一下需求

先来说一下bug，采用本地字体pingfang，在谷歌,ie和360兼容模式下均正常，但在360极速模式下字体模糊不清

分析

在多种浏览器下都正常，只有在360极速模式不正常，之有可能是360极速模式的问题
360极速模式采用的是谷歌内核

解决办法

最终和UI确认后，在360极速模式下采用浏览器默认字体，其他浏览器采用自定义pingfang字体

代码实现

问题是如何区分360极速模式和谷歌

分析

window对象有一个 navigator对象
利用navigator.userAgent属性来区别谷歌内核何其他浏览器内核
仔细比较360极速模式和谷歌的navigator对象差异不同，找到 userActivation在谷歌中有，360中没有

Code

const {navigator} = window
// 谷歌和360极速模式区别是 naviator.userActivation
if(navigator.userAgent.indexOf('AppleWebkit') !== -1 && !navigator.userActivation){// 360极速模式
}else{// 谷歌
}

区别谷歌浏览器和360极速浏览器,pingfang字体在360中模糊相关推荐

360极速浏览器浏览网页字体模糊的解决方法
如果使用360极速浏览器浏览网页字体出现模糊的情况,XP用户请先执行如下操作:桌面单击右键-属性-外观-效果-勾选"使用下列方式使屏幕字体的边缘平滑"并选择"清晰&quo ...
C# 打开谷歌浏览器、IE浏览器、火狐、Microsoft Edge、360极速浏览器、默认浏览器帮助类
/// <summary>/// 浏览器帮助类/// </summary>public class BrowserHelper{#region const/// <sum ...
360极速浏览器安装谷歌浏览器插件.CRX报CRX_VERSION_NUMBER_INVALID问题的解决
选择插件右键解压解压包中_metadata 改为 metadata 打开360极速浏览器扩展中心加载刚才的插件包
Google Chrome浏览器、360极速浏览器必备的N个插件
需要强调的是360极速浏览器自建有插件区,但是谷歌浏览器的插件全部可以在它上面用,下面介绍的插件,只需复制下名字,在谷歌浏览器插件商店(https://chrome.google.com/websto ...
关于Element-ui中el-table在谷歌和360极速浏览器的兼容问题
问题: 这个是正常的显示页面在谷歌浏览器这个是变形后的效果在360极速浏览器 (添加或者编辑就布局错乱,刷新之后会变成正常) 解决办法: /deep/ .el-table__header, /dee ...
python360安全浏览器_使用python3.7 的pycharm selenium自动化测试中启动360浏览器、360极速浏览器的方法...
写于:2019.01.02(实测日) 一.下载360浏览器或360极速浏览器的Chrome驱动这里最好下载去官网下载最新版的浏览器,版本越新,越利于安装.在做自动化测试中不可能只用360浏览器,也会 ...
360极速浏览器X——这款全新的浏览器有亿点点好用
10月18号360发布了一款全新的浏览器--360极速浏览器X,项目组同学为了这款新产品花了不少心思,整体体验还是不错的~ 极速X目前还是测试阶段,邀请大家试用并多提出问题和建议,协助开发人员优化产品 ...
360极速浏览器国际版？
对浏览器一直有强迫症,但没有一个浏览器是完美的. 最开始接触电脑的时候,装了360安全卫士和杀软,所以自然用360安全浏览器.后来遇到了chrome,就改为chrome了.原因只有一个:我需要跨平台的 ...
Chrome Explorer 360极速浏览器 Firefox
Chrome 快捷键自己设置更改方法:"更多工具" -> "扩展程序" -> 最右下角的"键盘快捷键" Alt + A 截屏 ...
QQ号码邮箱采集浏览器插件，适合Chrome和360极速浏览器
适合的浏览器 Chrome谷歌浏览器稳定版.360极速浏览器最新版.猎豹安全浏览器插件安装如果是360极速浏览器,直接双击crx文件! 参考chrome插件安装方法:http://www.yaya ...

区别谷歌浏览器和360极速浏览器,pingfang字体在360中模糊

区别谷歌浏览器和360极速浏览器

说一下需求

分析

解决办法

代码实现

问题是如何区分360极速模式和谷歌

分析

Code

区别谷歌浏览器和360极速浏览器,pingfang字体在360中模糊相关推荐

最新文章

热门文章