Chrome出了个小bug:论如何在Chrome下劫持原生只读对象 概述 众所周知,虽然JavaScript是个很灵活的语言,浏览器里很多原生的方法都可以随意覆盖或者重写,比如alert.但是为了保证网页的安全性和网页制作者的一定控制权,有些浏览器对象是无法更改的,比如"window.location"对象,或者对它们的更改是无效的,比如"window.navigator"对象.然而,最近我发现Chrome出现了一个小"bug",在Chrome…

前几天发现的一个淘宝WAP版的小BUG,就是用桌面版chrome看的时候产品评价中的图片显示不出来,都是图裂了. 这是什么原因呢?图片为什么会显示不出来呢?淘宝的技术人员.测试人员不可能没发现啊.开启F12审查大法,把图片URL复制出来到新的标签页打开,结果如下 什么鬼?!细看一下,确实是 taobao.com 的子域名啊,浏览器把 https 划掉了是什么意思呢?我把它放到火狐中打开,也是类似的提示~~那在手机中呢?根据我在红米手机中的测试来看,UC能正常显示所有图片,而QQ浏览器和原生浏览器…

前些日子不是在做 使用Jquery-UI实现一次拖拽多个选中的元素操作嘛,在持续完善这个组件时遇到了一个关于拖放排序的bug.今天就着图片和代码重现一下,也顺便告诉大家如何解决这个问题. 首先先上图描述一下问题: 先来张正常的图: 如上图,整个div层被我设置了固定高度和滚动条.页面如上所示,在可排序区域(黄色列表区域)可见情况下,从左面向右边拖拽时,可以成功触发排序的操作. 接着再来张bug图 上图为bug触发说明图,将滚动条拖拽到底部(保证右侧可排序的黄色区域在div中不可见就行),此时是看…

英文原版<100 Tips For Chrome, Chrome OS and ChromeBook Users>作者博客 - chromestory.com 本文是对<100 Tips For Chrome, Chrome OS and ChromeBook Users>的粗浅翻译,水平有限,错误难免. 中文 PDF 内附图为中文版 Chromium,去掉了插件附图(实在用不到),尽量保持了原汁原味.内容与下面正文是一致的.本翻译文档采用 CC BY-NC-SA 3.0 授权.…

在做轮播模块的时候遇到问题是:你在 连续指示小按钮 时候再去 只有 点击 下一张按钮,出现bug: 指示小按钮的 className 当前显示的 calssName 为 undefined ! // 分析: // 因为我们不管怎样点击 指示按钮的时候 ,你在点击 下一张/上一张 按钮 都是按我们写好的逻辑给当前 index++/ index-- // 而这种情况只有出现 :指示按钮 连续点击多次 再点击下一张按钮 才有问题 ,而点击上一张按钮 没有问题 调试情况: //在查看chrome 的调试…

在上一篇<Chrome自带恐龙小游戏的源码研究(六)>中研究了恐龙的跳跃过程,这一篇研究恐龙与障碍物之间的碰撞检测. 碰撞盒子 游戏中采用的是矩形(非旋转矩形)碰撞.这类碰撞优点是计算比较简单,缺点是对不规则物体的检测不够精确.如果不做更为精细的处理,结果会像下图: 如图所示,两个盒子虽然有重叠部分,但实际情况是恐龙和仙人掌之间并未发生碰撞.为了解决这个问题,需要建立多个碰撞盒子: 不过这样还是有问题,观察图片,恐龙和仙人掌都有四个碰撞盒子,如果每次Game Loop里都对这些盒子进行碰撞检测…

在上一篇<Chrome自带恐龙小游戏的源码研究(七)>中研究了恐龙与障碍物的碰撞检测,这一篇主要研究组成游戏的其它要素. 游戏分数记录 如图所示,分数及最高分记录显示在游戏界面的右上角,每达到100分就会出现闪烁特效,游戏第一次gameover时显示历史最高分.分数记录器由DistanceMeter构造函数实现,以下是它的全部代码: DistanceMeter.dimensions = { WIDTH: 10, //每个字符的宽度 HEIGHT: 13, //每个字符的高 DEST_WIDTH…

在上一篇<Chrome自带恐龙小游戏的源码研究(四)>中实现了障碍物的绘制及移动,从这一篇开始主要研究恐龙的绘制及一系列键盘动作的实现. 会眨眼睛的恐龙 在游戏开始前的待机界面,如果仔细观察会发现恐龙会时不时地眨眼睛.这是通过交替绘制这两个图像实现的:…

        今天早上在浏览博客的时候偶然发现CSDN博客的数据出现了异常,我也是头一次看到这么明显的Bug.详细什么表现呢?先来看个截图.例如以下:             常常看CSDN博客的人一眼就行看出来哪里出了问题,那就是博文的阅读次数停止了更新,换句话说就是那个数据失效了,我判断数据异常大概出如今昨天中午的时候.到如今为止没有解决掉,事实上这也没什么,仅仅是看着有点别扭而已,世界上没有不存在完美的程序,我也是头一次看到大型站点出现小bug,或许是曾经见过可是没有看出来或者意识到.…

CHROME开发者工具的小技巧 https://coolshell.cn/articles/17634.html 需要仔细学习看一看呢. 2017年01月19日 陈皓 评论 58 条评论  64,083 人阅读 Chrome的开发者工具是个很强大的东西,相信程序员们都不会陌生,不过有些小功能可能并不为大众所知,所以,写下这篇文章罗列一下可能你所不知道的功能,有的功能可能会比较实用,有的则不一定,也欢迎大家补充交流. 话不多话,我们开始. 代码格式化 有很多css/js的代码都会被 minify…