为iPhone/iTouch优化你的Blog

WordPress 有很多专门优化 iphone/itouch 浏览效果的插件,但是其他平台的Blog可能就比较少了。下面我简单介绍下我找到的一个可适用于几乎所有博客平台的优化方案。

原本有几个外国网站提供iphone/itouch 浏览优化服务,其思路是将RSS Feed内容单独提取并生成一个易于iphone/itouch 浏览的新页面,然后在Blog上加入一段自动判断代码,只要是通过iphone/itouch 访问Blog ,Safari会回自动跳转到那个新生成的优化页面。

提供类似服务的网站有

  • Blog2iPhone - 可惜直到本文发布时,该网站仍没法显示中文内容
  • DoYouFeed - 完美支持中文,页面简洁友好。美中不足是只提供新生成页面地址而没有配套自动跳转代码。
  • Intersquash - 支持中文,但整体感觉效果不佳。

根据我个人偏好,认为DoYouFeed的优化效果最好,如果配上一段自动跳转代码就更理想了。说起来也巧,Intersquash 提供了一段自动判断代码,只要更改超链接就可以跳转到任何网页。

现在谈具体步骤:

  1. 将Blog的RSS地址输入DoYouFeed,网站会在页面最低下生存一段 tinyurl 缩短的网址,即优化后生成的页面。保存备用。
  2. 用DoYouFeed生成的网址替换下面的蓝字 (友情提示:点击tinyurl可查看其原始网址,为保险起见,建议使用原始网址 经测试,使用原始地址将导致iphone/itouch 无法正常读取内容)
    <script type="text/javascript">
    <!--
    // Intersquash.com - iPhoneize your website.
    // Just insert this between the <head> tags of your website.
    var agent = navigator.userAgent.toLowerCase();
    var iphone = ((agent.indexOf('iphone'))!=-1);
    if (iphone) {
    window.location = "http://intersquash.com/feed/8e8c4682";
    }
    //-->
    </script>
  3. 将上述的整段代码粘贴到 Blog 模板的 <head>  到 </head> 之间 (WP用户则修改 head.php 文件)
  4. 保存,完成!

演示效果可使用 iphone/itouch 访问 本站(基于WordPress的Yo2 Blog) 或 我的日记 (Blogger)

img_0010

参考:石墨工房 - 楚腰纖細掌中輕的Blog手機版

This entry was posted in Blog 工具. Bookmark the permalink.

15 Responses to 为iPhone/iTouch优化你的Blog

  1. 希锐亚 says:

    可惜并不是所有的手机浏览器都有效,要不然我也使用此法。

  2. 企业名录 says:

    好像都没什么效果啊

  3. :D 还可以吧

  4. 诺基亚 says:

    用手机写博总觉得有点麻烦啊。

  5. 是应该优化趋向iphone

  6. 好看言情 says:

    写是真详细,马上实践一下。

  7. mf aion vpn says:

    呵呵,帮你PP顶!也请来mf aion vpn看看……

  8. 车主资料 says:

    有点麻烦啊

  9. 进口轴承 says:

    我来了!!!

  10. 很好的文章,优化得不错!

  11. 文笔不错。呵呵,很喜欢哦,

  12. Carl says:

    呵呵 只是还没有iphone

  13. hgfh

  14. 隆鼻 says:

    优化网站 [url=http://www.cmsclinic.cn] 隆鼻[/url][url=http://www.cmsclinic.cn] http://www.cmsclinic.cn/url,打扰了。

  15. 隆鼻 says:

发表评论

您的电子邮箱不会被公开。 标记为 * 的区域必须填写

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>