1. 首頁
  2. »
  3. 網頁開發
  4. »
  5. 網頁設計
  6. »
  7. 「View Source」讓手機中的Safari瀏覽器,內建支援檢視網頁原始碼

「View Source」讓手機中的Safari瀏覽器,內建支援檢視網頁原始碼

2017/08/15

梅問題-「View Source」讓Safari瀏覽器也支援檢視網頁原始碼

  當今天在設計網頁,檢視網頁原始碼,是再平常不過,透過原始碼,才能清楚的知道,網頁的結構,或是那邊出了問題,在電腦上要檢視網頁原始碼是輕而易舉,但在手機上卻相當的麻煩,因此先前梅干曾分享過二種方式,一個是安裝iOS專用的檢視原始碼的APP瀏覽器,另一種方式,則是透過與電腦連線,再用Safari與手機連結後,才能檢視的到,但無論那種方式,都有點不便。


  因此最近梅干上網爬了好多的資料,終於找到一款iOS專用的檢視原始碼的APP,而有別於先前的檢視原始碼的APP在於,該APP能整合到iOS中的Safari瀏覽器中,直接在Safari就能開啟檢視原始碼的功能,如此一來當在設計RWD網頁時,就更加的方便,才能清楚知道,在手機中到底是那邊出了狀況,甚至當啟用了快取時,到底手機是否有正常的運作,一樣也是得透過原始碼才能清楚知道,因此身為網頁設計師,這隻APP絕對必裝的啦!


View Source

軟體名稱:View Source
軟體性質:免費
適用裝置:iOS9.0+
軟體下載:Apple Store

Step1
首先,先到Apple Store將View Source下載並安裝完畢後,先別急著開啟,退出Apple Store並關閉。
梅問題-「View Source」讓Safari瀏覽器也支援檢視網頁原始碼


Step2
接著啟Safari,點下方的「分享」鈕,再點「更多」
梅問題-「View Source」讓Safari瀏覽器也支援檢視網頁原始碼


Step3
再把「View Source」的選項開啟。
梅問題-「View Source」讓Safari瀏覽器也支援檢視網頁原始碼


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