移動端除錯html頁面的方法

2022-08-29 11:57:13 字數 707 閱讀 5361

weinre這種方法。

2.然後npm命令

npm install -g weinre

3.執行wernre  

在瀏覽器輸入上面的 localhost:8081

4.你會看到這樣的乙個介面

複製紅線框裡面的一段 內容,插入到你要除錯的html頁面中。

5.接下來找到你weinre的安裝目錄,

如:

新建乙個 www 目錄,

將除錯頁面,放在這個www目錄裡面,

手機訪問:localhost:8081/www/index.html

另一種除錯方法:

安裝anywhere,這種方法比上面簡單,而且比上面方便。

npm install anywhere -g

安裝好後,cmd 命令 進入你要除錯html頁面的目錄,執行 anywhere 

移動端頁面的適配

一 關於viewport設定 二 關於不同裝置rem大小的計算,以及動態設定畫素縮放比 function setsize 三 koala將less轉義為css的運用 設計稿寬度為 750px,與iphone6為整倍數關係,故選iphone6為除錯裝置。選擇除錯裝置時,最好選擇與設計稿寬度成整倍數的裝...

使用 weinre 遠端除錯移動端頁面

1.安裝nodejs以及npm 2.安裝weinre npm g install weinre 3.使用 預設埠是8080 2 在瀏覽器上開啟 如192.168.5.239 1234 3 測試 a.開啟target demos下面的頁面,從手機端開啟,確保電腦和手機在同乙個區域網 b.access ...

移動端在頁面輸出除錯資訊

部落格 在移動端,沒有了pc瀏覽器上除錯 的利器,導致我們很難排查和除錯問題,於是我就簡單的寫了乙個可把log輸出到頁面上的js 那麼log輸出的日誌裡通常需要包含這些資訊 當前時間,精確到秒或毫秒 輸出想要輸出的資訊 除錯的檔案 log輸出所在的行數,同乙個檔案可能有多個log輸出,最好每個都能定...