移動端調測方法

2021-09-07 23:34:18 字數 1073 閱讀 6370

引入對應的vconsole.js,移動端開啟即可

全域性安裝weinre

npm -g install weinre
建立資料夾,例如:

e:\program\mobile\weinree:\program\mobile\weinre

資料夾下安裝

//區域性安裝

npm install weinre

//執行weinre語句

node node_modules\weinre\weinre --boundhost -all-

/* 引數說明: 1.boundhost: -all-

其中創業引數為:--httpport 除錯伺服器端口 預設是8080(建議不使用8080,防止衝突);

--boundhost 除錯伺服器繫結的 ip 位址或網域名稱 預設localhost.如果指定為-all- 表示繫結到當前機器可以訪問的所有ip

瀏覽器開啟連線

在除錯檔案中匯入weinre的js檔案

/script>除錯即可

安裝node.js

在需要除錯的檔案目錄下安裝browsersync

npm install -g browser-sync
執行browsersync命令

browser-sync start --server --files "*.css, *.html"
注:多個型別檔案用逗號隔開,files後為相對路徑,相對黑窗所在位置

移動端適配的方法

1.利用meta的viewport做適配 在裡面加乙個script的處理 然後css的寫法就是按照正常量到的設計稿尺寸就可以了,單位為px 2.利用 手淘 rem less 做適配 less編譯成css,頁面只需要引入css就可以了,引入檔案 1 flexible.js 2 less編譯後的css檔...

移動端的小方法

1.h5頁面 手機撥號,發簡訊 href tel 0769 22210105 聯絡客服a href sms 10086?body message body 給 10086 發簡訊a href geopoint 116.281469,39.866035 我的位置a 2.vue 模組下的state訪問t...

調測中的反思

在正常的cmm專案中,測試包括了ut it st bbit sdv sit svt beta等,目前專案運作仍然處於st前的單模組調測階段.由於本次負責的模組進行全新的重開發,因此該階段的除錯任務顯得尤其繁重.在調測之前,調測任務已經進行有效的分解,基本的原則是由簡入繁,由淺入深,穩紮穩打,步步為營...