从网站统计功能看百度图片蜘蛛抓取错误地址
serAgent 竟然有72种。其中有一个含有 Mozilla/5.0 (Linux; Android 4.4.2; Coolpad 8675 Build/KOT49H) 和 Version/4.0 Chrome 的 userAgent 竟然超过了200个字符，尾部有部分没有保存下来，于是将字段修改成了300长度的 varchar 类型。 日志里面的请求，有很多一部分是首页的请求，地址也就是"/"。但是也有不...
JavaScript获取DOM节点HTML元素CSS样式
对于css中的float属性，由于JavaScript将float作为保留字，所以不能将其用作属性名，因此有了替代者，在IE中是”styleFloat”,而在FireFox、Safari、Opera和Chrome中则是”cssFloat”。所以基于兼容性的考虑可以将样式操作改为如下形式： //element:需要获取样式的目标元素;name:样式属性 function getStyle(element, na...
HTML5 history API改变浏览器地址无需hash和刷新加载页面
果直接复制页面地址在新的浏览器选项卡中打开则是全部加载整个页面。这样的前端技术体验，一开始让我和很多的前端工程师觉得现有的知识不可能做到。后来才了解到，在一般的比较老的浏览器中是不可能实现的，需要在 Chrome, Safari, FF4+, and IE10pp4+ 才能做到！。 最开始发现这样的效果是在 GITHUB 中，后来看到很多同行的技术博客也有使用了这样类似的技术的。我问过一个做前端的同事，问他的...
前端技术之导航栏浮动最佳实践
Top 来实现的，或许通过改变 position 为 fixed 效果会更好，除 FireFox 外的浏览器都会出现滚动时不够稳定，会有轻微的颤抖，目前测试支持 IE6 及以上浏览器、Firefox、Chrome。在测试的过程中，发现本博客在 IE6 中样式出现问题，有图片的列表页内容被图片撑坏了，发现 IE6 是不支持 max-height 和 max-width 属性的。看了同行的博客 IE6 访问直接 ...
轻量级开源博客兼CMS系统LBlog发布
，预览页面地址是 /test 。系统模板引擎会自动检测资源的存在性，如果不存在，上面的代码解析后在页面中会变成空字符串。系统后台采用自主研发的前端编辑器 LMLEDIT，目前支持 FireFox 和 Chrome。系统大部分功能都支持 IE6+，唯独编辑器没有兼容 IE 系列，最重要的原因有两个：一是作者没有太多时间去研究 IE 编辑器技术，第二是 IE 浏览器在可编辑状态下会产生大量的垃圾节点，不好控制。所...
网页改变状态栏背景实现沉浸式效果
沉浸式特效在移动端是个大趋势，特别是最近几年，各种 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);...
通过 UA 来识别浏览器和操作系统
定。发现一个网上的接口，一看就是专业的。useragentstring.com，不过这个接口太慢了。分享一下，找起来不容易啊，尤其的微软的 Windows。preg_match('/(firefox|chrome|msie|safari|360|uc|maxthon|qq)[\s\/]+([\d\.]+)/i', $user_agent, $matches); if (isset($matches[1])) ...
LMLPHP官方网站已经全站支持HTTPS
以及网站建设需要注意的地方。 首先去除类似百度分享这样的插件，这样的外部 JavaScript 一般不支持 HTTPS，所以为了让网站能正常的 HTTPS 化，这样的东西必须去除。如果不去除的话，像 Chrome，Firefox 这些高等浏览器都直接打叉叉，导致浏览器的 HTTPS 绿色标签很难看。 关于图片连接问题，图片连接最好是本站的，如果不是本站的资源，也尽量在网站建设的时候不要明确写清使用的协议，A ...
图片格式或后缀名与浏览器的关系
。后来对这个做了一个测试，发现图片后缀名和格式不一致没有问题，绝大部分浏览器都支持，暂时还没有发现不支持的。另外，记录一个浏览器对于 bmp 格式图片地址返回 octet-stream 协议头的差异。chrome，Firefox 遇到 octet-stream 会提示下载，不会通过名称判断，IE8 中竟然能正确的显示 bmp 图片。...