安装工具

收藏下方链接 (方法一方法二

生成QR码

或者如果你是Chrome用户的话,直接到应用商店安装安装扩展


使用步骤

  1. 打开需要在移动设备上访问的网页;
  2. 点击书签“生成QR码”,生成包含网址信息的QR码;
  3. 使用移动设备扫描QR码,获取网页地址。
详细

网站挂件

在网页body部分加入以下代码:

效果见本页右下方按钮

    注:
  1. 如需定制挂件外观,可直接修改 <a> 标签样式(位置:right、bottom声明;颜色:background的色值部分);
  2. 以上代码并不兼容 ie6、7,感觉此类用户对本工具需求不大。如果存在体验着移动互联网的同时还能忍受古董级浏览器的用户我会感到十分诧异,同时也默默祝福其早日完成进化。

更新历史

  1. 20160106
    1. Chrome扩展,支持离线使用,加载更迅速,应用商店安装地址:https://chrome.google.com/webstore/detail/clbilanmdikogmjemcadlpkjgcdnmmnm?hl=zh-CN
  2. 20131013
    1. QR码下方增加输入框,可将输入的内容转为QR码;
    2. QR码脚本通过https协议的URL引入,此工具不再仅限于web页面;
    3. 挂件样式优化,避免部分(包含多个fixed元素)页面滚动时图标卡顿的问题;
    4. 增加赞助链接。
  3. 20130131
    1. 此版本起不再兼容 ie6/7 ,兼容版网址:1.2mobile.sinaapp.com
    2. 支持部署了SSL证书的网站(网址以https开头)
    3. 使用 iframe 创建沙箱环境,将二维码与网页环境隔离,避免样式污染和JS变量污染
    4. 点击书签后立即响应(显示加载图标及遮罩),避免等待脚本加载期间的重复点击
  4. 20130129
    1. 增加“网站挂件”部分的介绍及代码
  5. 20130127
    1. 修改 URL 后,可生成包含新信息的二维码
    2. 点击遮罩亦可完成关闭操作,避免生成的二维码过大时,关闭按钮超出可点击范围导致无法执行操作
  6. 20130125
    1. 增加安装工具步骤的 Gif 动画演示
    2. 关闭操作由点击二维码改为点击关闭按钮完成 感谢 @Mr_建筑 的建议
  7. 20130117 - 首次发布,期待您的建议。