web开发不经意跳进的坑

Author Avatar
AppleSun 1月 16, 2017

那些纯在网页编辑中,不规范也好,自己作死也罢。经常会遇到问题各种无解,为此我仅以个人开发过程中出现的问题一一详解,也希望 你们能留下一些交流。

自己作死,创造的bug

你可曾遇到过这样的情形: 图片路径没错的前提下,浏览器完成了对图片的 加载,却没有渲染到页面上。明明本地调试没问题,为何放到服务器环境下就出问题了呢?

img

原因排查:

  • 本地调试没问题,一放到服务器确认路径没错的前提下 证明代码没问题;
  • chrome 是“爸爸”级别的浏览器,不得怀疑(就是因为太信任了);
  • 是不是我存在低级错误 ,自己没看出来呢?

在这里,我考虑了是否我的代码不符合coding规范,导致服务器解析出异常了。—我想到了 我的最强 援助 “大神老王”,代码甩给他,他说 他本地打开没问题、服务器打开没问题。

瓦特法克W T F ?

为毛我 chrome 打开有问题?不行 我掏出了 火狐firefox,edge ,世界之窗浏览器。我的天哪,真的没问题!!!

回到chrome 本身,我做了以下思考:

  • 清理 浏览器缓存:在chrome 调试模式下,长按刷新按钮,下拉菜单中选择“清空缓存并硬性重新加载”—done but invalid
  • 清除浏览器所有记录:(win:)Ctrl+H打开历史记录,点选清除浏览器记录,为了防止干扰,我选择清除所有记录—done but invalid
  • 升级:无效
  • 卸载重装:无效

就在我快要放弃的时候,我看到了我的浏览器的这个东西

img

广告拦截插件ADBlock

会不会就是因为它?

点选 – 不在此页面上运行!!!

img

OK!!!

有必要总结一下。。。Chrome除了自己 设置有问题之外,一般不需要怀疑。所以 我上面对于chrome 的质疑选择升级 和重装 是 纯粹浪费时间的做法。不建议 在 自己 的chrome 上安装类似的插件,防止对自己web程序带来影响。

会继续带来自己的 一些bug 分享。

Your’s Sincerely SunPing