浏览器
文章平均质量分 56
糯米麻糖
全栈开发:react + node + mysql/mongodb
展开
-
火狐浏览器低版本6.0兼容处理
环境:打开控制台查看浏览器版本:如上所示为火狐浏览器6.0,而目前最新版本为95.0,相差很大;代理调试:打开控制台报错信息如下Uncaught SyntaxError: In strict mode code, functions can only be declared at top level or immediately within another function.Error: Loading chunk 2 failed.(missing: https://stat..原创 2021-12-16 17:41:32 · 1217 阅读 · 0 评论 -
IE浏览器兼容处理
PC端IE浏览器兼容问题将craco.config.js的entry 入口配置entries[fileName] = [path.join(filePath, 'index.tsx')].filter(Boolean);修改为:entries[fileName] = ['babel-poplify', path.join(filePath, 'index.tsx')].filter(Boolean);扩展babel-poplify与@babel/poplify的区别是什么?...原创 2021-12-16 17:37:07 · 148 阅读 · 0 评论 -
H5页面在自己APP中图标显示正常,接入钉钉请求.woff图标字体报错
需求将移动端H5页面接入钉钉,就接入钉钉,这里不展开描述,接入钉钉,测试发现图标不显示问题发现浏览器network有iconfont.woff和iconfont.ttf url('iconfont.woff?t=1558522190245') format('woff'), url('iconfont.ttf?t=1558522190245') format('truetype'),解决转base64位后,问题解决url('data:font/woff2;charset=utf-8;原创 2021-07-21 14:13:17 · 1294 阅读 · 0 评论 -
火狐内核Firefox 6.0,icon显示乱码问题
问题发现低版本的Pad(公司自己的), 出现Iconfont显示乱码;四代、五代班没有该问题定位一开始以为是webpack打包解析的问题,url-loader,filter-loader; 添加了匹配规则,测试发现问题人存在;后来抓包发现Pad三代板的浏览器内核是基于FireFox 6.0的,四代、五代板是基于chrome内核的,嗯?应该是样式的浏览器兼容问题;这样就可以具体问题具体找解决方法了解决方案方案一:not([class=“icon”]):not(i){font-family: “M原创 2021-07-17 15:50:19 · 310 阅读 · 0 评论 -
浏览器及对应内核梳理
1、五大主流浏览器五大浏览器:IE、Firefox、Chrome、Safari、Opera(都是采用的单内核)360、QQ浏览器都是采用双内核浏览器最重要的部分是浏览器的内核。浏览器内核是浏览器的核心,也称“渲染引擎”。查看浏览器使用的内核方式:chrome://version:浏览器IEFirefoxchromeSafariOperaQQ/搜狗/遨游360猎豹浏览器百度/世界之窗2345内核Trident(俗称IE内核)Gecko(开源,也俗称Fire原创 2021-06-12 18:55:52 · 1063 阅读 · 0 评论 -
safari10.1.2 报错attempted to assign to readonly property
场景用户在使用过程中,页面报错,报错信息如下:当前报错的电脑系统版本为:Safari浏览器版本:但是在其他mac系统上,同样是Safari浏览器,却能正常使用,没有报错信息定位问题于是开始查找相关资料,找到https://blog.csdn.net/weixin_34234721/article/details/91430275同样的报错信息,那么是不是这方面原因导致的呢?根据错误堆栈信息,找到了可能问题代码:改正后的代码:待验证(因为必须找对应版本的测试设备)...原创 2021-06-12 18:23:50 · 678 阅读 · 0 评论 -
记一次Pad端线上崩溃率上升相关服务性能自测排查及优化
发现页面性能测试工具使用chrome自带的performance,自测时,发现在操作选择时间的时候,明显上升,并且在操作后,未下降:定位问题在内存这里,我们一般世界住Google浏览器的开发工具,然后获取下页面的内存快照,然后分析具体占用过大内存的对象除了查看内存占用过大的对象之外,也可以切换到Containment这里查看一些占用内存过大的全局对象查找相关可能代码1、 本地缓存(待验证)2、时间转换,具体代码不方便贴出,主要是处理失去问题,多次转化时间导致/** * new Da原创 2021-06-04 19:26:03 · 170 阅读 · 5 评论 -
Chrome后针对第三方Cookie的规则调整(default SameSite=Lax)
何谓Cookie以及SameSiteChrome 80+后的调整& 检测方式自家网站的程式码该如何调整何谓Cookie以及SameSitecookie中文上可以理解成一块暂时存放在使用者浏览器的资料,并可以被提取用来记录使用者的状态、差异化使用者的体验以及后续追踪行为。而写入的方式可以透过服务器(Server)在回复(Response)浏览器的请求(Request)时,在描述部分(Header)带上Set-Cookie key=value的栏位。Cookie另外还有第一方合第三方的分.原创 2021-06-04 19:01:59 · 680 阅读 · 0 评论