**
於是weinre出現了!它是乙個基於nodejs的工具。可以把遠端的頁面運**況對映到本地,在本地的瀏覽器中檢視除錯資訊,修改的css樣式也可以實時同步到遠端頁面上,歐耶!話不多說,趕快看看如何使用吧~
安裝對於習慣在windows下開發的程式猿,看到nodejs總有一種隔海相望的感覺,但現在nodejs在windows下的支援已經比較完善了。我就是在win7下順利配置好該環境。
2. nodejs v0.10已經整合了npm,所以可以直接使用npm安裝,在cmd中敲:npm install weinre -g。
4. 在cmd中執行weinre –httpport 8080 –all,然後開啟瀏覽器訪問127.0.0.1:8080,如果出現如下頁面,就說明安裝成功
使用在使用之前我們需要明白weinre中都有哪些角色:
目標頁面——我們真正要除錯的頁面,也就是要執行在移動裝置上的頁面
除錯端——我們的本地瀏覽器,在這裡對目標頁面進行除錯
伺服器——監控目標頁面和除錯端的動作,向兩端推送訊息
為了組織好你的目標頁面,可以在當前目錄下新建乙個資料夾,如www。
該目錄下client即為除錯端。
使用weinre命令可以啟動伺服器,具體的選項可以參考官網挺簡單,一般使用weinre –httpport 8080 –boundhost -all- 就可以了。
伺服器啟動後,在本地瀏覽器位址列訪問即可開啟除錯端,介面如下:
相信你不會陌生~ targets即顯示當前對映的遠端頁面,下面該把遠端端執行起來了。
在用移動裝置訪問你的目標頁面前,還有一件事要做。在web/target下,有乙個target-script-min.js檔案,講它引入你的目標頁面頭部,像這樣:
頁面除錯神器Reveal的簡單使用
reveal是ios開發常用工具之一,它可以在程式執行過程中進行頁面除錯。開發者不需要重啟程式,不需要修改 就可以直接進行ui除錯了,是不是爽歪歪啊?那就一起來看下怎麼用吧 如何整合 要使用reveal工具,不需要新增任何 也不需要帶入標頭檔案。庫將會在應用啟動時自動載入,並在您的應用內部啟動必要的...
移動端在頁面輸出除錯資訊
部落格 在移動端,沒有了pc瀏覽器上除錯 的利器,導致我們很難排查和除錯問題,於是我就簡單的寫了乙個可把log輸出到頁面上的js 那麼log輸出的日誌裡通常需要包含這些資訊 當前時間,精確到秒或毫秒 輸出想要輸出的資訊 除錯的檔案 log輸出所在的行數,同乙個檔案可能有多個log輸出,最好每個都能定...
canvas畫的文字在ios移動裝置上無法顯示
專案中做了移動端rem適配的,然而發現電腦上可行,在蘋果手機上卻無法顯示,查了一下,發現ios safari只支援標準的canvas,標準的canvas只支援px不支援rem。上網找了一下,解決方法 將rem轉換回px ui設計基礎寬度 750px ctx.font 3 12.5 px sans s...