bug小记
watercatmiao
这个作者很懒,什么都没留下…
展开
-
ie浏览器下某些事件无效,但是开了控制台事件就有效了
查看代码里是否用到console对象。某些版本的ie(ie8~ie11)不开控制台是没有这个对象的;因为上下文中没有console这个对象,页面中有使用console就会直接抛异常了,但是不打开控制台看不到,打开了上下文中就有这个对象就不会抛错了。所以页面中的console调试完之后一定要记得删除。...原创 2018-07-21 22:27:56 · 1873 阅读 · 0 评论 -
angular6使用angular-cli构建项目,引用bootstrap样式无效
使用bootstrap样式库来书写HTML页面时,发现在angular.json中引入了bootstrap全局css样式:"styles": [ "src/styles.css", "node_modules/bootstrap/dist/css/bootstrap.css"]但是发现页面没有加载任何bootstrap样式,而且也没有报错,能正常启动。 经过多番排查,发现nod..原创 2018-08-30 10:06:14 · 1724 阅读 · 0 评论 -
iOS浏览器无法通过meta属性限制其缩放的解决方法
对于Safari浏览器来说,无法通过meta属性限制其缩放,可以在页面中添加如下代码,实现缩放禁止,主要原理是:禁止两指以上的触摸事件(因为缩放需要两指操作),禁止手势事件的识别window.onload = function() { document.addEventListener('touchstart', function(event) { if (event.touche...原创 2018-09-13 10:29:15 · 1091 阅读 · 0 评论 -
移动端页面阻止长按复制和弹出菜单
最近在做移动端页面是,发现长按页面会出现复制功能,对页面的体验造成了不同的困扰。为了解决长按的问题,我尝试用css去解决该问题,在长按的元素加上以下css: -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-...原创 2019-01-16 00:18:21 · 6804 阅读 · 0 评论