解决 Discontiguous selection is not supported
chrome 浏览器是不支持不连续的 selection 的，通篇只能有一个，目前估计只有 Firefox 是例外的吧。不支持是能理解的，因为光标也是一个特殊的选区，而光标同一时刻只能有一个。要解决这个报错，只能在选择之前，移除所有选区。做过编辑器的人应该深有体会吧！selection.removeAllRanges(); saveSelection.addRange(range);...
网页改变状态栏背景实现沉浸式效果
沉浸式特效在移动端是个大趋势，特别是最近几年，各种 App 的效果，比如音乐播放器的背景，系统的状态栏特效等。 其实，在网页端也一样是可以支持这种特效的，比如 Chrome 浏览器。发现有个网页实现了，该网页的页面源代码居然找到 104 个 script 标签，也是醉了，地址 http://www.zaobao.com.sg/znews/singapore/story20171106-808844。特效如下：...
通过 UA 来识别浏览器和操作系统
定。发现一个网上的接口，一看就是专业的。useragentstring.com，不过这个接口太慢了。分享一下，找起来不容易啊，尤其的微软的 Windows。preg_match('/(firefox|chrome|msie|safari|360|uc|maxthon|qq)[\s\/]+([\d\.]+)/i', $user_agent, $matches); if (isset($matches[1])) ...