当今天在设计网页,检视网页源代码,是再平常不过,透过源代码,才能清楚的知道,网页的结构,或是那边出了问题,在电脑上要检视网页源代码是轻而易举,但在手机上却相当的麻烦,因此先前梅干曾分享过二种方式,一个是安装iOS专用的检视源代码的APP浏览器,另一种方式,则是透过与电脑连线,再用Safari与手机连结后,才能检视的到,但无论那种方式,都有点不便。
因此最近梅干上网爬了好多的资料,终于找到一款iOS专用的检视源代码的APP,而有别于先前的检视源代码的APP在于,该APP能整合到iOS中的Safari浏览器中,直接在Safari就能开启检视源代码的功能,如此一来当在设计RWD网页时,就更加的方便,才能清楚知道,在手机中到底是那边出了状况,甚至当启用了快取时,到底手机是否有正常的运作,一样也是得透过源代码才能清楚知道,因此身为网页设计师,这只APP绝对必装的啦!
首先,先到Apple Store将View Source下载并安装完毕后,先别急着开启,退出Apple Store并关闭。
再回到Safari浏览器,再点分享钮时,就会看到View Source的图示,再点一下,立就会显示网页的源代码,同时还支援高亮效果,更容易阅读网页的源代码。
