如何通过服务端HTTP头解决前端跨域问题
人不太关注，或者也尽量避免这个问题。原因是现在开发的前后端分离导致很多前端开发完全脱离了后端，而又懒得搭建环境，导致很多请求需要跨域，所以临时性后端支持。目前测试发现，webkit 内核浏览器，比如 chrome 是没有问题的。这也证实了为什么是跨域，浏览器还是会屁颠屁颠的去请求服务端，因为它还是要询问服务端的意思，如果服务端没有返回允许的头信息，浏览器就不处理这个内容，在审查元素里面看到 response ...
网页改变状态栏背景实现沉浸式效果
沉浸式特效在移动端是个大趋势，特别是最近几年，各种 App 的效果，比如音乐播放器的背景，系统的状态栏特效等。 其实，在网页端也一样是可以支持这种特效的，比如 Chrome 浏览器。发现有个网页实现了，该网页的页面源代码居然找到 104 个 script 标签，也是醉了，地址 http://www.zaobao.com.sg/znews/singapore/story20171106-808844。特效如下：...
图片格式或后缀名与浏览器的关系
。后来对这个做了一个测试，发现图片后缀名和格式不一致没有问题，绝大部分浏览器都支持，暂时还没有发现不支持的。另外，记录一个浏览器对于 bmp 格式图片地址返回 octet-stream 协议头的差异。chrome，Firefox 遇到 octet-stream 会提示下载，不会通过名称判断，IE8 中竟然能正确的显示 bmp 图片。...
通过 UA 来识别浏览器和操作系统
定。发现一个网上的接口，一看就是专业的。useragentstring.com，不过这个接口太慢了。分享一下，找起来不容易啊，尤其的微软的 Windows。preg_match('/(firefox|chrome|msie|safari|360|uc|maxthon|qq)[\s\/]+([\d\.]+)/i', $user_agent, $matches); if (isset($matches[1])) ...
解决 Discontiguous selection is not supported
chrome 浏览器是不支持不连续的 selection 的，通篇只能有一个，目前估计只有 Firefox 是例外的吧。不支持是能理解的，因为光标也是一个特殊的选区，而光标同一时刻只能有一个。要解决这个报错，只能在选择之前，移除所有选区。做过编辑器的人应该深有体会吧！selection.removeAllRanges(); saveSelection.addRange(range);...