Android 2.x 界面不支持 position fixed 问题

感谢作者文翼:http://wenzhixin.net.cn/2013/11/21/android_position_fixed

在 Android 中,部分浏览器不支持 css 的 position: fixed 属性。

详细的支持情况见:http://caniuse.com/css-fixed

对于不支持的情况,我们可以通过以下的解决方法来解决该问题,记录下。

使用 viewport 标记

详细参数解释:

  • width:视口的宽度。可以使用像素值,但推荐使用device-width关键字。表示依照设备屏幕的宽度。
  • height:视口的高度。不用指定。
  • initial-scale:初始缩放值。比如1.0表示一个视口像素等于一个屏幕像素。
  • minimum-scale:最小比例值。范围从0至10.0
  • maximum-scale:最大比例值。范围从0至10.0
  • user-scalable:用户是否可以缩放视口。值可以是:
    1, yes, or true: 允许用户缩放
    0, no, or false: 不许用户缩放

使用 position: absolute 代替

可以简单的使用 position: absolute 代替,但是在桌面端会显示不正常,我们可以通过判断 userAgent 来指定 position 的值。

代码如下:

使用 js 库

iScroll

注:
该库也没有使用过,有待研究…

发表在 前端开发 | 标签为 | 一条评论

配置DD-WRT通过autoddvpn的graceMode自动翻墙(PPTP)

首先,需要开启jffs,
建议用telnet登录进去开启:

参考这里:https://code.google.com/p/autoddvpn/wiki/jffs

第二,下载PPTP的sh文件:

参考这里:https://code.google.com/p/autoddvpn/wiki/graceMode

第三,开启DNSMasq

在服务->DNSMasq下面
把DNSMasq、Local DNS、No DNS Rebind都打开

开启DNSMasq

把以下内容添加到DNSMasq 附加选项:

第四,设置PPTP客户端

参考:https://code.google.com/p/autoddvpn/wiki/HOWTO
不建议按链接中所示的方式设置DNS

设置PPTP客户端

第五,最后设置rc_startup

第六,测试

连上Telnet,执行traceroute www.facebook.com,看看第一个节点是不是你的VPN private IP节点,也就是你的VPN gateway。再测试 traceroute www.apple.com 看看第一个节点是不是你的WAN gateway,如果都没错那就是成功了!

第七,有些网站还是连不上怎么办

先用这个命令测试能不能连上:route add -host <需要连的地址> gw <你的VPN网关>
如果可以的话,在/jffs/pptp/目录下新建vpnup_custom文件,内容为:

就可以了!

发表在 服务器和运维 | 2条评论

网件WNDR3700刷DD-WRT详细教程(tftp方法)

今天脑袋抽风想给3700刷个DD-WRT,官网上的说明不够具体,
为了大家少走弯路,把刷机的过程记录如下:

先准备要需要的文件:

  1. tftp工具,点击这里下载
  2. 固件,在这里下载:http://www.dd-wrt.com/site/support/router-database,我的是v2的,下载了wndr3700v2-factory.img

具体步骤:

  1. 使用30/30/30方法进入恢复状态:通电状态下按住RESET不放30秒,然后断电30秒,再通电30 秒,最后松开RESET键。直到看到电源灯成绿色闪烁状态。
  2. 用网线连上路由器,设置本机的ip为192.168.1.2,网关192.168.1.1。
  3. 运行cmd,把tftp和固件放在一个目录下,执行tftp -i 192.168.1.1 put wndr3700v2-factory.img,如出现类似图片中的状态,说明刷成功了。tftp上传状态
  4. 等待个两分钟,路由会自动重启大概两次,等指示灯显示正常后把ip设回来,就可以输入192.168.1.1连上路由器了,默认帐号:root,默认密码:admin

后面就大家自己玩了

发表在 服务器和运维 | 一条评论

怎样用301重定向将带www的域名指向不带www的

经常会碰到这样的情况,其他网站链接你的站点时,会用下面的链接:

  • www.yourdomain.com
  • yourdomain.com/
  • www.yourdomain.com/index.html
  • yourdomain.com/index.php

而这样导致:你站点主域名的pr值分散到其他几个URLs了。

如果你用301重定向把其他三个URL转到
yourdomain.com
PR也就集中在主域名:yourdomain.com 了。

301重定向具体办法:

设置.htaccess文件(只适用于linux系统,并需要虚拟主机支持。)

使访问www.yourdomain.com的时候就会自动转到example.com
在.htaccess文件里写上以下代码即可。

RewriteEngine on
RewriteCond %{http_host} ^www.yourdomain.com [NC]
RewriteRule ^(.*)$ http://yourdomain.com/$1 [L,R=301]

注意:URL标准化的301重定向(以上代码)需要写在其他URL-rewrite代码之前。

发表在 搜索引擎优化 | 4条评论

Xen VPS 时间异常的解决方法

  1. 在/etc/sysctl.conf文件底部加入xen.independent_wallclock=1
  2. 执行 sysctl -p
  3. 执行以下命令:
    rm -rf /etc/localtime
    ln -s /usr/share/zoneinfo/Asia/Shanghai /etc/localtime   //设置时区
    yum install ntp   //安装并启动ntp
    chkconfig ntpd on
    ntpdate us.pool.ntp.org
    service ntpd start
发表在 服务器和运维 | 留下评论

个人博客站点恢复

之前因为朋友服务器被删,数据也没有备份,导致整站数据丢失。

现在重新开博客,只能找回之前的部分数据了。

悲催……

发表在 未分类 | 2条评论

怎样通过Foxmail来发送完整的HTML网页文件

最近经常有朋友问到这个问题,我还是写一个详细的说明比较好。

由于Foxmail提供了一个模板的功能,这个功能我们可以用来发送HTML的网页文件。

找到Foxmail的安装目录,比如 D:\Program files\Tencent\Foxmail ,为了方便起见,我们可以把需要发送的网页文件复制到 D:\Program files\Tencent\Foxmail\Template\New 目录下。

此时在Foxmail里点击 “撰写 -> 自定义” 就能看到刚才放进去的网页,选中以后就可以直接发送这个文件了。

用Foxmail发送网页文档

需要注意的是两点:

  1. 网页的文件名需要htm结尾,不能以html结尾;
  2. 网页的编码需要采用GB2312,不能用UTF-8。修改方法如下:
    打开网页,点击右键看编码,如果是简体中文(GB2312),那就不用改了,如果是Unicode(UTF-8),那就需要修改,修改的时候用记事本打开 网页文件,找到类似 content=”text/html; charset=utf-8; 的代码,把utf-8改为gb2312,然后另存为,编码选择ANSI,文件类型选所有就可以了,覆盖原来的网页文件。
发表在 前端开发 | 一条评论

Email页面代码书写建议及规范

前几天看到口碑网的朋友写了一篇《如何编写兼容各主流邮箱的HTML邮件》,很不错。
在这里,我也要把我的经验和大家分享一下。

众所周知,Email是一项最古老的互联网应用之一。
因此,不少邮件系统还是会采用一些比较古老的处理方式,导致前端方面很多新的技术、新的特性无法被支持。
而且各个邮箱系统以及客户端的差异,也会使email的最终呈现出现很大的偏差。

HTML细节

就目前来说,如果要做一个email页面,为了保证最大的兼容性,有以下几点需要注意:

对于纯文本邮件:

  1. 邮件标题不要超过18个字;
  2. 每行不要超过34个字。
发表在 前端开发 | 留下评论