
當今天在設計網頁,檢視網頁原始碼,是再平常不過,透過原始碼,才能清楚的知道,網頁的結構,或是那邊出了問題,在電腦上要檢視網頁原始碼是輕而易舉,但在手機上卻相當的麻煩,因此先前梅干曾分享過二種方式,一個是安裝iOS專用的檢視原始碼的APP瀏覽器,另一種方式,則是透過與電腦連線,再用Safari與手機連結後,才能檢視的到,但無論那種方式,都有點不便。
因此最近梅干上網爬了好多的資料,終於找到一款iOS專用的檢視原始碼的APP,而有別於先前的檢視原始碼的APP在於,該APP能整合到iOS中的Safari瀏覽器中,直接在Safari就能開啟檢視原始碼的功能,如此一來當在設計RWD網頁時,就更加的方便,才能清楚知道,在手機中到底是那邊出了狀況,甚至當啟用了快取時,到底手機是否有正常的運作,一樣也是得透過原始碼才能清楚知道,因此身為網頁設計師,這隻APP絕對必裝的啦!
View Source
Step1
首先,先到Apple Store將View Source下載並安裝完畢後,先別急著開啟,退出Apple Store並關閉。

Step2
接著啟Safari,點下方的「分享」鈕,再點「更多」。

Step3
再把「View Source」的選項開啟。

Step4
再回到Safari瀏覽器,再點分享鈕時,就會看到View Source的圖示,再點一下,立就會顯示網頁的原始碼,同時還支援高亮效果,更容易閱讀網頁的原始碼。
