隨著移動端瀏覽量占比大幅提升，如何打造一個自動識別屏幕尺寸的自適應(yīng)網(wǎng)站，就變成了站長不得不解決的一個現(xiàn)實問題。網(wǎng)站自動識別手機端的方法有很多，但是對于新手來說很是復(fù)雜，而且調(diào)試起來很困難。下面麥布就教你一個很簡單的自動識別手機端并跳轉(zhuǎn)的響應(yīng)式網(wǎng)站。

　　步驟一：進(jìn)入百度開發(fā)者中心（https://siteapp.baidu.com/），利用siteapp來制作自己的手機網(wǎng)站，很簡單，都是模板式建站，會打字就行。

　　步驟二：綁定一個專屬webapp域名，例如：m.54admin.net，將您已提交的WebApp域名的CNAME解析到siteapp.baidu.com

　　步驟三：將自動識別手機端與PC端的代碼放置在你網(wǎng)站代碼的頂部位置。代碼如下：

　　< type="text/java">

　　if(/AppleWebKit.*mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){

　　if(window.location.href.indexOf("?mobile")<0){

　　try{

　　if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){

　　window.location.;

　　}else if(/iPad/i.test(navigator.userAgent)){

　　window.location.

　　}

　　}catch(e){}

　　}

　　}

　　</>

　　這樣就大功告成了，是不是很簡單呢？

　　歡迎關(guān)注站長網(wǎng)志(微信/QQ號：330419081,公眾號：mybu_net)，一起分享站長資源，探討網(wǎng)站運營推廣之道！