浏览器兼容性 - 前端兼容性测试
问 题 敢问各路大神平时是否会对页面进行兼容性测试? 大boss说要兼容到ie7+(已哭晕。。。) 网上找了很多测试工具,几乎都是要收钱的 求支招! 解决方案 IETester或者使用IE高版本的切换文档模式来测试
270 2022-07-19
编程技术问答社区
javascript - 前端: 移动端onscroll事件在部分浏览器内不能实时触发
问 题 开发情景如下: 使用React开发移动端web app 需要监听容器元素的滚动距离来实现 实时 加载对应子元素 可滚动的容器元素非全局body 滚动方式采用原生滚动,由 css 设定 body{-webkit-overflow-scrolling:touch} 实现弹性滚动 事件监听采用过: react的onScroll事件, JQ的scroll方法及原生onscroll事件,均会出现以下问题 出现问题: 在部分浏览器(例如:safari)下,手指触发滚动后抬起,此时元素会处于弹性滚动过程,此时这部分浏览器依旧能 实时 监听到滚动事件并做出响应,另外一部分浏览器(例如:UC及微信内嵌浏览器等),当抬手让元素处于弹性滚动过程时,浏览器并不能实时进行事件响应,而是当滚动完全停止后浏览器才会执行事件回调 希望懂的朋友能帮忙解决下,万分感谢! 解决方案 根据多方面的测试及咨询UC浏览器方的工程师,出现该问题的原因可以参考这
1238 2022-07-19
编程技术问答社区
javascript - js在不同浏览器中的问题
在chrome跟firefox都是这个问题。在360也是这行问题,但说的是data.FJ的问题。 其实在老版本的电脑上这个代码是没问题的可以显示出效果。但是我用了最新的这些浏览器就会出现这个问题。请问这个问题能够解决么,我希望在不同浏览器下也能够正常运行这个网站。
216 2022-07-19
编程技术问答社区
javascript - 话说现在浏览器页面测试 有什么好的工具
问 题 除了ietest和虚拟机外,求大神解答,现在我用的自己是win10 (64); 解决方案 Chrome开发者工具。 调试IE?虚拟机最好用。 ------以下内容来自知乎 Mozilla 最近出了个新的浏览器是专门针对网页开发者的, 叫做Firefox Developer Edition,里面有一个很好的插件叫做Valence,可以把你的网站在所有的浏览器上做测试,不仅仅是IE,还包括很多移动端的浏览器。 另外有一个叫做BrowserStack 的网站,你可以在上面打开常见的浏览器VM然后做测试,但前提是你的网站必须是live site。BrowserStack 还有一个比较好的应用场景是对你的代码进行Unit Test或Integration Test时可以自动测试多个浏览器。 mac调试ie有好点的方法吗 Mac 下调试 IE 兼容性的最佳方式是什么? 调试IE确实比较痛苦,最简单最实用的办法还是装虚拟机。
166 2022-07-19
编程技术问答社区
css - 大家有知道哪些常见的高级浏览器的兼容性问题,IE9以上
问 题 小伙伴们在前端开发过程中有哪些常见的高级浏览器的兼容性问题吗, IE9+ Firefox Safari chorme 皮肤浏览器之类, 在开发过程中需要注意的。 这个问题已被关闭,原因:偏离社区主题 - 与技术无关、讨论类、对他人无用 解决方案 刚好看到了就大概说一些跟safari相关的吧~(似乎safari也挺烦的) Safari 10之前不支持document.execCommand,以致于不能使用粘贴板功能,例如clipboard.js无法生效。 iOS8的Mobile Safari使用CSS3要加webkit前缀。 Mobile Safari无法自动播放音频,需用户操作。 大部分Mobile Browser拖动时页面时,页面停止渲染,js停止运行。 Chrome允许在无内容的标签上加:after或者:before,Firefox不行。 另外还是推荐Can I Use
284 2022-07-17
编程技术问答社区
css - 有什么办法可以让ie浏览器不支持background-image属性,用其他浏览器可以支持
问 题 遇到个问题,由于ie不支持background-size属性,用ie专有属性filter可以解决。 .theme-logo{ -webkit-background: transparent url(../imgs/hpd_003.png) center center no-repeat; -moz-background: transparent url(../imgs/hpd_003.png) center center no-repeat; -o-background: transparent url(../imgs/hpd_003.png) center center no-repeat; background: -moz-transparent:url(../imgs/hpd_003.png) center center no-repeat; width: 132px; height: 40px; backgroun
490 2022-07-17
编程技术问答社区