網頁寬度自動適應手機螢幕寬度的方法
阿新 • • 發佈：2019-01-03
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" /> 其中：
width=device-width ：表示寬度是裝置螢幕的寬度
initial-scale=1.0：表示初始的縮放比例
minimum-scale=0.5：表示最小的縮放比例
maximum-scale=2.0：表示最大的縮放比例
user-scalable=yes：表示使用者是否可以調整縮放比例
如果是想要一開啟網頁，則自動以原始比例顯示，並且不允許使用者修改的話，則是：
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />清除瀏覽器快取
Cache-Control指定請求和響應遵循的快取機制。在請求訊息或響應訊息中設定Cache-Control並不會修改另一個訊息處理過程中的快取處理過程。請求時的快取指令包括no-cache、no-store、max-age、max-stale、min-fresh、only-if-cached，響應訊息中的指令包括public、private、no-cache、no-store、no-transform、must-revalidate、proxy-revalidate、max-age。各個訊息中的指令含義如下<meta content="no-cache,must-revalidate" http-equiv="Cache-Control"> <meta content="no-cache" http-equiv="pragma"> <meta content="0" http-equiv="expires">
Public指示響應可被任何快取區快取
Private指示對於單個使用者的整個或部分響應訊息，不能被共享快取處理。這允許伺服器僅僅描述當用戶的部分響應訊息，此響應訊息對於其他使用者的請求無效
no-cache指示請求或響應訊息不能快取
no-store用於防止重要的資訊被無意的釋出。在請求訊息中傳送將使得請求和響應訊息都不使用快取。
max-age指示客戶機可以接收生存期不大於指定時間（以秒為單位）的響應
min-fresh指示客戶機可以接收響應時間小於當前時間加上指定時間的響應
max-stale指示客戶機可以接收超出超時期間的響應訊息。如果指定max-stale訊息的值，那麼客戶機可以接收超出超時期指定值之內的響應訊息。
如果值為private或must-revalidate（和網上說的不一樣），則只有第一次訪問時會訪問伺服器，以後就不再訪問。如果值為no-cache，那麼每次都會訪問。如果值為max-age，則在過期之前不會重複訪問。
電話號碼識別
<meta content="telephone=no, address=no" name="format-detection">
meat中的viewport指令
<meta content="width=device-width, initial-scale=1.0" name="viewport">
user-scalable指令指定使用者是否可以縮放視區，即縮放Web頁面的檢視。值為yes時允許使用者進行縮放，值為no時不允許縮放。
initial-scale指令用於設定Web頁面的初始縮放比例。預設的初始縮放比例值因智慧手機瀏覽器的不同而有所差異。通常情況下裝置會在瀏覽器中呈現出整個Web頁面，設為1.0則將顯示未經縮放的Web文件。
maximum-scale和minimum-scale指令用於設定使用者對Web頁面縮放比例的限制。值的範圍為0.25至10.0之間。與initial-scale相同，這些指令的值是應用於視區內容的縮放比例。
所有智慧手機瀏覽器都支援ViewPort <meta>標記的width和user-scalabel指令。但是Opera Mobile不使用user-scalable指令，而是主張使用者應始終保留在移動瀏覽器中縮放Web頁面的能力。
針對ipone瀏覽器工具欄
<meta name="apple-mobile-web-app-capable" content="yes">
這meta的作用就是刪除預設的蘋果工具欄和選單欄。content有兩個值”yes”和”no”,當我們需要顯示工具欄和選單欄時，這個行meta就不用加了，預設就是顯示。
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
預設值為default（白色），可以定為black（黑色）和black-translucent（灰色半透明）。 注意： 若值為“black-translucent”將會佔據頁面px位置，浮在頁面上方（會覆蓋頁面20px高度–iphone4和itouch4的Retina螢幕為40px）。 在iOS中有兩個meta值，apple-mobile-web-app-capable和apple-mobile-web-app-status-bar-style，這兩個會讓網頁內容以應用程式風格顯示，並使狀態列透明。
手機網站遮蔽pc方法
<script type="text/javascript">navigator.__defineGetter__('userAgent', function () { return 'Mozilla/5.0 (iPhone; CPU iPhone OS 6_1_3 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) Mobile/10B329 MicroMessenger/5.0.1'; });</script>