作為網站開發者,現在網頁設計,除了要滿足桌上型電腦或筆記型電腦的螢幕需求外,還要滿足各種大小不一的手機或平板等行動裝置的螢幕需求。一般桌機版的瀏覽器都具備「檢視原始碼」的功能,手機則沒有,但也不是完全沒有,仍然可以有幾種方法檢視行動版網頁的原始碼。介紹如下:
▶方法一:
在行動裝置的瀏覽器的網址欄上,輸入javascript指令,即可顯示該網頁的原始碼。如圖1。
▶方法二:
使用行動版的Chrome瀏覽器,在網址欄上面,網址之前,加上view-source:,跟桌機版的Chrome瀏覽器一樣,例如:view-source:http://www.mikelin.tw。如圖2。
▶方法三:
使用桌機版的FireFox瀏覽器,開啟網頁之後,在工具選單中,選擇「Responsive Design Mode」,即顯示行動版,還可以選擇各種不同行動裝置,然後按滑鼠右鍵,選擇「檢視原始碼」即可。如圖3~7。
丞燕產品服務站