MVC下判斷PC和移動端


MVC下的PC端和移動端,其實沒區別,寫法都一樣,只是有兩點才改變了它們

第一點:就是單擊這個頁面任何地方的時候判斷是移動端還是客戶端:

第二點:新建手機端區域Areas(簡單來說:Areas就相當於小的一個運行機制也有控制器-視圖-和路由地址),Moble(手機端存放的地方)

         :MVC運行的機制簡單來說就是- 控制器-主頁面-是否模板頁-返回單擊的頁面

         :關鍵點就在這個模板頁里面(_layout)以及自帶的js,

        :當我們運行到了(_layout)這里的時候就要判斷是否為PC還是手機端,別問我為什么要在模板頁里面判斷看懂這句話

       :直接貼圖

請放在<head></head>里面

 

       手機端路由地址

     客戶端路由地址

    這里就又有一個疑問了:這個路由我是怎么判斷的, 怎么來判斷的

    window.location = "/m/"; 這一句是重點,如果當前是手機端就在路由地址上,以M打頭

  那這個m是怎么來定義的呢

圖中紅線就是運行到了手機端的地址,看到了哪個m嗎,就是這樣

 

圖中如果不出意外會出一個錯誤:那就是在項目下新建區域和項目中的路由地址發生重名怎么辦

http://www.cnblogs.com/LZXX/p/5828573.html  這里我說明了情況

 補充:關於分辨率大小,這里還一個問題:那就是pc轉手機大小不一致

最簡單的就是在頁面加:<meta name="viewport" content="initial-scale=1, maximum-scale=1"> 放在里面<head></head>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM