如何用苹果手机检视网页原始码?免下载安装的iOS装置教学

无论你是什么行业,都可能利用移动装置来随时随地工作,尤其是工程师们几乎将手机当成另一台电脑使用。就以上海SEO阳光博客主黎晓多来说,使用苹果手机行动装置的频率很高,若能够在移动装置上多一些电脑才有的功能,必能让整个工作流程更简化顺畅,但始终不是很明白为什么 iOS 没有内建让浏览器检视网页原始码的权限功能呢?对于很习惯查看网页原始码的SEOer来说 iPhone 好像就这点有些美中不足。

苹果手机检视网页原始码

其实网路上已经有许多教学,教你如何用苹果手机检视网页原始码,只要透过浏览器书签就能做到,不用额外付费购买只拿来看原始码的应用程式,相当简单!因为博主平时非常需要从苹果手机检视网页原始码,因此就照着几个教学实际操作一次,还真的可以做到类似从桌上电脑浏览器看原始码效果,如果有类似需求的朋友可以照着以下教学操作,过程不会太复杂,而且只要一次以后就能透过书签列的功能来查看网页原始码。

如何用苹果手机检视网页原始码?

STEP 1
开启 iPhone 苹果手机或 iPad 上的 Safari 浏览器(不确定 Google Chrome、Opera 或其他浏览器 App 能否适用),点选下方功能列中间的“分享”按钮。
STEP 2
点击“新增书签”将任一页面加入书签,我们只是要先建立一个稍后要修改的捷径书签。
STEP 3
接着复制以下的这段程式码:
javascript:(function(){var a=window.open(‘about:blank’).document;a.write(‘<!DOCTYPE html><html><head><title>Source of ‘+location.href+'</title><meta name=”viewport” content=”width=device-width” /></head><body></body></html>’);a.close();var b=a.body.appendChild(a.createElement(‘pre’));b.style.overflow=’auto’;b.style.whiteSpace=’pre-wrap’;b.appendChild(a.createTextNode(document.documentElement.innerHTML))})();
以浏览器将它选取后点击“拷贝”就能复制,记得不能漏掉任何部分
STEP 4
开启浏览器的“书签”功能(主页面下方选单右边数过来的第二个按钮),编辑刚才我们加入的新书签,将网站标题改为 View Source 或检视原始码,编辑网址部分,把前一步骤复制的程式码全部贴上(长按住栏位就会跳出贴上),然后保存编辑后的书签。
STEP 5
当你要透过苹果手机或ipad的 Safari 检视网页原始码,只要打开书签,点击刚才建立的 View Source 书签,就会自动在新分页跳出该网页原始码,是不是非常简单又好用呢?

比较可惜的是这个功能只会吐出纯文字的网页原始码,没有包含高亮或上色功能,在 debug 或研究原始码时可能会比较吃力一些,但至少能解决需要在苹果手机或平板电脑临时需要检视原始码的需求,有需要的朋友不妨在自己的iPhone手机建立一个能检视网页原始码的书签按钮吧!

本文由上海SEO阳光博客原创,如转载请注明出处【上海SEO】 http://www.seosunday.com



发表评论

电子邮件地址不会被公开。 必填项已用*标注