07/2
2016
左：Safari上的按钮表现
右：pc和安卓上的按钮表现
我们在网站上做表单的时候，经常会给按钮自定义一些样式来美化它。例如我们把按钮做成了上图右侧的样式，在pc上和安卓的浏览器上看都很ok。
但是在睾贵的iphone上的睾贵的Safari浏览器上，按钮是有浏览器内置的默认样式的。Safari的内置样式会对我们自己做的按钮进行修改：
1.按钮的高度会改变
2.按钮有了大圆角
3.背景会在我们设置的背景色的基础上添加渐变效果。
解决办法是在css里将按钮元素的-webkit-appearance属性的值设置为none，这样可以取消浏览器对按钮应用内置样式。
input[type="button"],input[type="submit"],input[type="reset"] {-webkit-appearance: none;}
其实这个还不是最糟心的。前天发现某手机站上有些文字在Safari上特别的大，主要出现在文字太多一行放不下的情况。浏览器都会自动把文字换行，但是Safari上自动换行之后这行文字字号变得特别的大。这问题又是只在睾贵的Safari上出现。虽然这可能和网页本身有关系，但我一直没弄明白原因，百度谷歌搜来搜去，也没找到可以解决这个问题的办法。加班整了两小时，毫无进展。最后只能针对iphone特别设置一些样式，从表面上解决了问题。
解决iphone上的Safari会把表单按钮变成默认样式的办法
12/18
2015
昨天在做图的痛苦煎熬中，忽然脑子一抽想到了鼠标双击事件（看啊，我不得不思考代码以减轻做图的痛苦了。可见做图是多么惨无人道的事情）。于是鼓捣了两个玩意出来。
第一个代码是自定义鼠标双击事件。我们知道，JavaScript的鼠标双击事件（ondblclick）的判定时间是有阈值的。如果我们想自己定义，例如必须间隔在200毫秒以内才算双击，又比如想把时间间隔延长到1000毫秒。这时候可以自己设置时间阈值，满足条件就执行事件代码：
var click0=null;//第一次点击的时间戳
var clickTimeOut=500;//自定义允许的时间间隔
document.onclick=function () {
var d=new Date();
if(click0==null){
click0=d.getTime();
}else{
if(d.getTime()-click0>clickTimeOut){
//console.log("不是双击");
click0=d.getTime();
}else{
console.log("一次双击");
click0=null;//初始化
}
}
}
这个和浏览器的判定应该是一样的了（至少从结果来看）。这也是数次修改之后的结果，改进的地方有（完全可以不看）：
1.把相邻两次单击进行判断。例如鼠标点击了3次，第1次和第2次的间隔超时，第2次和第3次间隔在规定时间内。可以把第2和第3次点击识别为双击，而不是必须1、2判断一次，3、4再判断一次。
2.但是当一次双击事件触发之后，必须再进行至少两次单击才可以触发双击判定。例如3次单击间隔都在规定范围内，在把第1次和第2次识别为双击之后，不会把第3次和第2次连起来，认为又是一次双击。
Read More →
js自定义鼠标双击事件以及对其的一些思考
11/28
2015
昨天快下班的时候，经理走过来，拿着他的爱疯6对我说道：下午上线的手机站怎么有些地方很空？我拿过手机一看，有些地方的背景图片没有显示出来……
这个问题在网站上线之前我就在电脑上发现过，可是我没去解决。为什么？因为我感觉这算是特例。
有三张背景图片未显示，查看控制台，发现三个图片都遇到了错误。仔细看看还不是404错误，而是net::ERR_BLOCKED_BY_CLIENT：对服务器的请求已遭到某个扩展程序的阻止。
以前在某个站上也遇到过这个问题，当时以为是报的404错误，然而图片路径明明没错啊。现在明白了，我用友♂善的眼神看了看右上角的Adblock Plus。果不其然……
滚过来背锅！我图片名写成ad1.jpg、ad2.jpg于是你就当做ad拦截了？那我要是给body加个名为“ad”的class名你敢不敢拦截整个网页？
考虑到这个网站是移动端竞价网站，浏览者只会在手机浏览器上看到，应该不存在这个问题，于是我就没去改。不曾想，爱疯6的浏览器（经理用的应该就是默认的Safari）竟然先进如斯，整合了Adblock Plus的功能甚至代码？
于是把这三张图的名字随便改了下，这个问题就消失了。
ps：同事爱疯4的Safari没有这个现象。当然，他也没升级ios系统，否则就难说了。
Adblock Plus拦截广告的“误杀”
08/27
2015
function getOs()
{
var OsObject = "";
if(navigator.userAgent.indexOf("MSIE")>0||navigator.userAgent.indexOf("Trident")>0) {
return "MSIE";
}
else if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){
return "Firefox";
}
else if(isMozilla=navigator.userAgent.indexOf("Opera")>0){ //这个也被判断为chrome
return "Opera";
}
else if(isFirefox=navigator.userAgent.indexOf("Chrome")>0){
return "Chrome";
}
else if(isSafari=navigator.userAgent.indexOf("Safari")>0) {
return "Safari";
}
else if(isCamino=navigator.userAgent.indexOf("Camino")>0){
return "Camino";
}
else if(isMozilla=navigator.userAgent.indexOf("Gecko/")>0){
return "Gecko";
}
}
alert("您的浏览器类型为:"+getOs());
这是使用js判断浏览器的代码，查找IE11的Trident字符是我填上去的，不然IE11就undefined的。恩，其他版本IE还不清楚状况如何。
ps：有的浏览器的UA是符合复数的条件的，比如pc上chrome的UA里就有"Safari"字符。不过好在代码里在"Safari"之前先判断了chrome，这样就不会错把chrome当做safari了。
所以实际使用中不要单独摘出一条就去用，否则可能会出错。
使用js来判断浏览器
10/27
2014
08/5
2014
在网页上，我们可以使用腾讯提供的API来打开一个qq窗口，与指定的QQ号聊天。把A标签的href设置如下：
http://wpa.qq.com/msgrd?v=3&uin=592333407&site=qq&menu=yes
点击这个网址之后，腾讯会在返回的网页里打开一个协议链接，如下：
tencent://message/?uin=592333407&Site=qq&Menu=yes
这时候浏览器可能会询问你是否允许打开窗口，允许的话就会弹出qq的聊天窗口了。
这是chrome浏览器的提示。
注意，我在chrome上测试时，发现a标签的target一定要设置为_blank才行。如果我们不跳转新页面，而是直接在本页面打开qq聊天链接的话，提示框会一闪而过，然后页面就变回原本的网页了，我们根本没法点同意。
（如果强迫症不想打开新页面，还有一个办法就是在本页面创建一个iframe，把iframe的src设置为QQ链接一样能正常用）
ps：上面的代码我只在pc端用过，没试过移动端是不是也可以用同样的代码。另外根据我以前的经验，qq国际版或者TM不能打开本地聊天窗口，只能在网页上聊天。
网上看到了移动端代码，如下：
mqqwpa://im/chat?chat_type=wpa&uin=479858761&version=1&src_type=web
我还没试过是否能正常使用。
在网页上打开qq聊天窗口的代码
07/24
2014
度盘（v31）： http://pan.baidu.com/s/1bnCMVX9
其实我一直chrome来着，但是我最近经常在网吧（自己电脑没网），这网吧很奇葩，从昨天开始，装上浏览器（例如chrome、世界之窗，甚至360浏览器），打开之后都是闪现一下，然后就变成网吧的IE8了。不管是去打开可执行文件还是设置为默认浏览器，打开就是IE8。最后试了发现firefox没这个现象，只好来用firefox了。
一搜索才发现已经是31版本了，这追赶chrome的速度实在是==飞速
郁闷的是firefox没有内置flashplayer，上个贴吧什么的会提示安装，终究麻烦些。
Forefox 官方下载地址
07/23
2014
