如何在手機上面檢視網頁的原始碼？

作為網站開發者，現在網頁設計，除了要滿足桌上型電腦或筆記型電腦的螢幕需求外，還要滿足各種大小不一的手機或平板等行動裝置的螢幕需求。一般桌機版的瀏覽器都具備「檢視原始碼」的功能，手機則沒有，但也不是完全沒有，仍然可以有幾種方法檢視行動版網頁的原始碼。介紹如下：

▶方法一：

在行動裝置的瀏覽器的網址欄上，輸入javascript指令，即可顯示該網頁的原始碼。如圖1。

圖1. 在行動裝置的瀏覽器的網址欄上，輸入javascript指令，即可顯示該網頁的原始碼。

▶方法二：

使用行動版的Chrome瀏覽器，在網址欄上面，網址之前，加上view-source:，跟桌機版的Chrome瀏覽器一樣，例如：view-source:http://www.mikelin.tw。如圖2。

圖2. 使用行動版的Chrome瀏覽器，在網址欄上面，網址之前，加上view-source:，跟桌機版的Chrome瀏覽器一樣。

▶方法三：

使用桌機版的FireFox瀏覽器，開啟網頁之後，在工具選單中，選擇「Responsive Design Mode」，即顯示行動版，還可以選擇各種不同行動裝置，然後按滑鼠右鍵，選擇「檢視原始碼」即可。如圖3~7。

圖3. 使用桌機版的FireFox瀏覽器，開啟網頁之後，在工具選單中，選擇「Responsive Design Mode」，即顯示行動版，還可以選擇各種不同行動裝置，然後按滑鼠右鍵，選擇「檢視原始碼」即可。

圖4.

圖5.

圖6.

圖7.