花生WIFI天猫百度图片加载失败问题
在电脑上调试天猫移动站点的图片，发现百度和天猫的图片在移动 UA 下使用的是 webp 后缀文件名，天猫的图片文件名里面含有感叹号逗号等一些非常规字符。webp 是谷歌研发的有损图片压缩格式，率先在 chrome 下得以支持，以 chrome 百分之十的市场份额以及谷歌的影响力，webp 算是在移动设备下都支持了，PC 下目前 Firefox 是不支持的。想到几点可能性，其一，文件名不符合规范导致，但百度的图...
使用 CSS 3 transition 实现动画效果
eight 2s ease-in-out 1s; /* Firefox 4 */ -webkit-transition:height 2s ease-in-out 1s; /* Safari and Chrome */ -o-transition:height 2s ease-in-out 1s; /* Opera */ } div#transition_animate_div:hover { height:...
世界上最不靠谱的是-软件
现了很多做 ROM 的公司，可惜，现在都没有了，下一次买手机，我不知道买哪个呢，国内的手机没有一个靠谱的。也许买苹果是对的。！我的电脑超级发热，是个苹果笔记本，不知道为什么，我平时啥软件不开，就开个 Chrome，前一阵子了解到，Chrome 有一个版本的浏览器是用来挖矿的，平时只要打开就会产生比特币，我在想，我的电脑该不会是被谷歌拿去挖矿了吧！！！...
黑名单软件 TamperMonkey 别再用了
TamperMonkey 油猴子作为一个软件，向用户收费，是没有问题的，但是，要求用户打赏，用户不打赏就罢工，这就太流氓了！说实话，开发一个 Chrome 插件门槛并不高，它特别像现在的小程序。我在很多年以前（10年前）就开发过，参考这篇文章 Chrome插件在高版本浏览器中安装报错解决。无意中弹出来打赏，点击了不打赏，就直接罢工了，导致找了一段时间，才发现是这个流氓在作祟。软件还是需要一个好听的名字的，油猴...
油猴子插件指南
油猴子插件怎么用？确实是个好东西，降低了开发 Chrome 插件的门槛，是个不错的选择。插件对于开发来讲，收集数据是必备的，也就是所谓的前端爬虫。但是，油猴子插件在编写脚本的注释中没有好的指引，以至于老手也会被它搞得不知道为什么没用。先看下面的栗子// ==UserScript== // @name New Userscript // @namespace http://tampermonkey.net/ /...
孩子的教育，百闻不如一见
AppleWebKit/537.36 (KHTML, like Gecko; compatible; Googlebot/2.1; +http://www.google.com/bot.html) Chrome/114.0.5735.179 Safari/537.36 http_accept : */* http_accept_language : en-US http_accept_encoding : ...
Windows 远程关闭防火墙
如苹果手机的，每次连接 WIFI 网络的 MAC 地址都不一样，导致每次查看路由器都会出现陌生的设备。比如 Windows 的防火墙，XP 时代应该没有影响，后来不知道什么时候开始，强制开启了。比如 Chrome 浏览器，总是莫名其妙的提醒用户，"您要访问的是诈骗网站 x.x.x.x 上的攻击者可能会诱骗您做一些危险的事情，例如安装软件或泄露您的个人信息（如密码、电话号码或信用卡信息）。了解详情" 或者是 钓...
网页改变状态栏背景实现沉浸式效果
沉浸式特效在移动端是个大趋势，特别是最近几年，各种 App 的效果，比如音乐播放器的背景，系统的状态栏特效等。 其实，在网页端也一样是可以支持这种特效的，比如 Chrome 浏览器。发现有个网页实现了，该网页的页面源代码居然找到 104 个 script 标签，也是醉了，地址 http://www.zaobao.com.sg/znews/singapore/story20171106-808844。特效如下：...
解决 Discontiguous selection is not supported
chrome 浏览器是不支持不连续的 selection 的，通篇只能有一个，目前估计只有 Firefox 是例外的吧。不支持是能理解的，因为光标也是一个特殊的选区，而光标同一时刻只能有一个。要解决这个报错，只能在选择之前，移除所有选区。做过编辑器的人应该深有体会吧！selection.removeAllRanges(); saveSelection.addRange(range);...
JavaScript实现图片懒加载非可视区域延迟加载
cript 资源，内置 getElementsByClassName 方法方便更好的选择 DOM 节点。LMLJS 将不断完整，在保持很小的体积的同时增加实用的功能，并兼容 IE6+，Firefox，Chrome 等主流浏览器。LMLJS 项目地址：https://github.com/leiminglin/LMLJS。想了解更多，请看我的另一篇文章《开源JavaScript框架LMLJS发布》。关于LMLJ...