浏览器兼容性
文章平均质量分 80
Michael18811380328
常与同好争高下,不与傻瓜论短长。
展开
-
pdfjs 打印空白页
最近遇到一个问题,前端使用 pdfjs 预览 PDF 文件时,在浏览器中执行打印,谷歌浏览器最后一页会出现空白。如下图所示。在火狐浏览器和 Safari 中是正常的,初步判断是某个代码兼容性问题。原创 2024-01-09 11:57:45 · 676 阅读 · 0 评论 -
JS input 在 Android 中无法打开相机的问题
最近项目中,前端和安卓协同开发,安卓端把 JS 前端项目,直接打包嵌入到安卓应用中,安卓的同事反馈,无法打开安卓的相机进行拍照。如果是 iOS 或者移动端浏览器中,可以打开相机并进行拍照。具体的代码如下,我使用 React JSX 语法,其中 input 输入图片。原创 2023-08-22 14:22:31 · 769 阅读 · 0 评论 -
z-index 和 fixed 在苹果手机ios不生效
z-index 和 fixed 在苹果手机ios不生效问题描述今天开发遇到一个问题:当一个元素固定定位时(fixed),同层级节点如果不想被固定定位的元素覆盖,那么需要设置 z-index,这样就不会被覆盖了。举个例子:A是固定定位的元素,B不能被A覆盖,所以需要设置 B z-index(同时需要设置 position: relative,因为Z-index 必须在定位的元素上才能生效)。.a { position: fixed; top: 100px; left: 100px;}原创 2020-09-11 22:06:19 · 3209 阅读 · 0 评论 -
ios 系统中 position: fixed 和 z-index
ios 系统中 position: fixed 界面滚动问题问题描述某个组件中,设置了部分元素 position: fixed 后,在 iOS 设备中滚动卡顿,部分内容显示卡顿。当界面停止滚动,内容显示正常。在桌面浏览器测试正常,在安卓设备测试正常,在 ios 各种浏览器都不正常(iphone - ipad)。基本判断是系统兼容性问题。截图如下:解决结果因为水平滚动设计元素宽度问题,我首先测试了界面中元素的尺寸。在 chrome 中尺寸显示正常。因为这个组件内容宽度可变,所以初始 css 中原创 2020-09-09 16:17:07 · 1539 阅读 · 0 评论 -
更改自定义 input CheckBox 颜色
使用表单验证时,CheckBox 是不可缺少的一部分。由于浏览器兼容性,checkbox 会显示不同的样式,直接设置 input 的 backgroundColor 属性,不能改变checkbox 的背景颜色和样式。下面是 Safari 浏览器 PC 端样式下面是 Chrome 移动端样式如果是用第三方库(例如 bootstrap),实际上是在原生的 input 上面进行改变,仍然不能...原创 2019-11-15 17:27:45 · 15716 阅读 · 0 评论 -
[Intervention] Slow network is detected 报错及解决方案
[Intervention] Slow network is detected. 这个错误在调试过程中经常出现。(谷歌浏览器中出现这个报错)全部报错信息如下:index.js:1855 [Intervention] Slow network is detected. See https://www.chromestatus.com/feature/5636954674692096 for ...原创 2018-09-29 11:49:25 · 55757 阅读 · 12 评论 -
Failed to load resource: net::ERR_BLOCKED_BY_CLIENT 报错及解决方案
在前端调试过程中,不同的浏览器在测试同样的网站可能出现不同的相应。那么Failed to load resource: net::ERR_BLOCKED_BY_CLIENT这个错误是什么呢?bug翻译:由于客户端的阻止,加载资源失败bug解决:通常情况是由于浏览器中的插件拦截:adblock会拦截网站的广告,会报这个错误。这个错误和浏览网页的主要内容没有直接关联。解决方案:...原创 2018-09-22 10:26:28 · 13436 阅读 · 14 评论 -
Blob和File对象API与兼容性问题
前几天在上传文件过程中遇到Blob对象和File对象的相关问题,查资料结果如下:blob在浏览器环境下,可以实现对blob的引用(浏览器会自动集成);但是在nodeJS环境下如何实现blob引用?文件传入依赖?具体怎样使用blob?要求:首先在Node环境下上传简单文件。 File是特殊类型的Blob,也是一个API接口参考网站:https://stackoverflow.com/...原创 2018-08-19 19:14:39 · 9477 阅读 · 0 评论 -
Web前端开发标准规范总结
Web前端作为开发团队中不可或缺的一部分,需要按照相关规定进行合理编写(一部分不良习惯可能给自己和他人造成不必要的麻烦)。不同公司不同团队具有不同的规范和文档。下面是根据不同企业和团队的要求进行全面详细的整理结果。备注:实际开发请以本公司的规范为标准。A.基本原则符合web标准(UTF-8,HTML5),语义化html(HTML5新增要求,减少div和span等无特定语义的标签使用),结构表现行为...原创 2018-07-15 07:32:40 · 34536 阅读 · 1 评论 -
前端图片格式与浏览器性能优化
在当前的静态或者动态界面中,图片是用户体验提升的重要的一部分。良好的图片设计会提升用户体验,并且对于浏览器优化具有很好的效果。接触图片设计和前端开发已经有两年时间,下面简单总结几点:1.图片格式传统的网页开发主要使用三种格式的图片:jpg、png、gif。这三种图片都是栅格图片(图片信息使用像素点进行存储),如果进行缩放会影响图片的视觉效果。jpg(jpeg)格式使用范围最广。通常情况...原创 2018-07-20 10:06:20 · 973 阅读 · 0 评论 -
JS 操作 CSS3 的问题
复习第一次:2019-1-25今天和朋友做项目,使用JS改变对象的样式,对于传统的宽高等可以改变,但是部分样式(opacity、z-index和其他CSS3的样式)直接使用对象点语法无法进行更改。查询资料后,对于这部分C3样式需要单独处理。这是常见的写法,直接使用style.属性进行赋值,对于 CSS 传统属性没问题。div.style.cssText = "width:300px;...原创 2018-06-15 14:58:49 · 230 阅读 · 0 评论