chrome除錯工具DevTools的使用 以及 localhost在移動端不能訪問的問題
1.手機和pc 都需要裝 chrome瀏覽器
2.手機端開啟開發者模式和usb除錯
（華為nova的手機小坑，需要選擇usb 配置為可傳輸檔案的狀態）
3.經過以上操作開啟chrome://inspect/#devices 才會看到相應的裝置
4.還有一個小問題，就是開發的頁面為locasthost的時候，移動端是拿不到這個頁面的
這時候我們需要在cmd裡ping出電腦本機的ip
使用以下地址 ipconfig/all
即IPv4地址
將localhost替換就可以了
相關推薦
chrome除錯工具DevTools的使用 以及 localhost在移動端不能訪問的問題
1.手機和pc 都需要裝 chrome瀏覽器 2.手機端開啟開發者模式和usb除錯 （華為nova的手機小坑，需要選擇usb 配置為可傳輸檔案的狀態） 3.經過以上操作開啟chrome://inspect/#devices 才會看到相應的裝置 4.還有一個小問題，就是開發的頁面
【譯】你不知道的Chrome除錯工具技巧 第一天：console中的'$'
特別宣告 本文是作者 Tomek Sułkowski 釋出在 medium 上的一個系列。 版權歸原作者所有。 譯者在翻譯前已經和作者溝通得到了翻譯整個系列的許可。 為了不影響大家閱讀，獲得許可的記錄會放在本文的最後~ 正文 在馬上就要迎來假期的這24天裡，我將會發布一系列短篇的文章，關於如何將開發工具
【譯】你不知道的Chrome除錯工具技巧 第二天：copying & saving
特別宣告 本文是作者 Tomek Sułkowski 釋出在 medium 上的一個系列。 版權歸原作者所有。 譯者在翻譯前已經和作者溝通得到了翻譯整個系列的許可。 為了不影響大家閱讀，獲得許可的記錄會放在本文的最後~ 正文 在馬上就要迎來假期的這 24 天裡，我將會發布一系列短篇的文章，關於如何將開發
【譯】你不知道的Chrome除錯工具技巧 第四天：the Elements panel（元素面板）
特別宣告 本文是作者 Tomek Sułkowski 釋出在 medium 上的一個系列。據作者透露一共有24篇，一直更新到12月24日 版權歸原作者所有。 前兩篇的翻譯連結我已經給到了作者本人，雖然他不理解中文，但是他還是很開心哈哈,截圖在最後 譯者在翻譯前已經和作者溝通得到了翻譯整個系列的許可。 為
Chrome除錯工具developer tool技巧
Chrome的簡潔、快速吸引了無數人，它的啟動速度、頁面解析速度都很快，同時得益於Google V8的快速，Javascript執行速度也飛快。而且它對HTML5和CSS3的支援也完善，html類的富客戶端應用Chrome上無論是流暢性還是呈現的效果，都是比較出
【譯】你不知道的Chrome除錯工具技巧 第五天：console的log中,讓人疑惑的案例
特別宣告 本文是作者 Tomek Sułkowski 釋出在 medium 上的一個系列。據作者透露一共有24篇，一直更新到12月24日 版權歸原作者所有。 前兩篇的翻譯連結我已經給到了作者本人，雖然他不理解中文，但是他還是很開心哈哈,截圖在最後 譯者在翻譯前已經和作者溝通得到了翻譯整個系列的許可。 為
【譯】你不知道的Chrome除錯工具技巧 第七天：非同步consle的趣味小竅門
特別宣告 本文是作者 Tomek Sułkowski 釋出在 medium 上的一個系列。據作者透露一共有24篇，一直更新到12月24日 版權歸原作者所有。 前兩篇的翻譯連結我已經給到了作者本人，雖然他不理解中文，但是他還是很開心哈哈,截圖在最後 譯者在翻譯前已經和作者溝通得到了翻譯整個系列的許可。 為
【譯】你不知道的 Chrome 除錯工具技巧 第九天：給 console 計時
特別宣告 本文是作者 Tomek Sułkowski 釋出在 medium 上的一個系列。據作者透露一共有 24 篇，一直更新到 12 月 24 日 版權歸原作者所有。 前兩篇的翻譯連結我已經給到了作者本人，雖然他不理解中文，但是他還是很開心哈哈,截圖在最後 譯者在翻譯前已經和作者溝通得到了翻譯整個系列
【譯】你不知道的 Chrome 除錯工具技巧 第十一天：style editors continued（樣式編輯器後續）
特別宣告 本文是作者 Tomek Sułkowski 釋出在 medium 上的一個系列。據作者透露一共有 24 篇，一直更新到 12 月 24 日 版權歸原作者所有。 作者在Twitter上推薦我們的中文翻譯啦,截圖在最後 譯者在翻譯前已經和作者溝通得到了翻譯整個系列的許可。 為了不影響大家閱讀，許可
【譯】你不知道的 Chrome 除錯工具技巧 第十二天：忍者日誌列印！(the ninja logs)
特別宣告 本文是作者 Tomek Sułkowski 釋出在 medium 上的一個系列。據作者透露一共有 24 篇，一直更新到 12 月 24 日 版權歸原作者所有。 作者在Twitter上推薦我們的中文翻譯啦,截圖在最後 譯者在翻譯前已經和作者溝通得到了翻譯整個系列的授權。 為了不影響大家閱讀，授權
【譯】你不知道的 Chrome 除錯工具技巧 第十四天：其他快捷鍵~
特別宣告 本文是作者 Tomek Sułkowski 釋出在 medium 上的一個系列。據作者透露一共有 24 篇，一直更新到 12 月 24 日 版權歸原作者所有。 作者在 Twitter 上推薦我們的中文翻譯啦,截圖在最後 譯者在翻譯前已經和作者溝通得到了翻譯整個系列的授權。 為了不影響大家閱讀，
【譯】你不知道的 Chrome 除錯工具技巧 第十三天：物件 & 方法
特別宣告 本文是作者 Tomek Sułkowski 釋出在 medium 上的一個系列。據作者透露一共有 24 篇，一直更新到 12 月 24 日 版權歸原作者所有。 作者在 Twitter 上推薦我們的中文翻譯啦,截圖在最後 譯者在翻譯前已經和作者溝通得到了翻譯整個系列的授權。 為了不影響大家閱讀，
【譯】你不知道的 Chrome 除錯工具技巧 第十六天：斷點
特別宣告 本文是作者 Tomek Sułkowski 釋出在 medium 上的一個系列。據作者透露一共有 24 篇，一直更新到 12 月 24 日 版權歸原作者所有。 作者在Twitter上推薦我們的中文翻譯啦,截圖在最後 譯者在翻譯前已經和作者溝通得到了翻譯整個系列的授權。 為了不影響大家閱讀，授權
【譯】你不知道的 Chrome 除錯工具技巧 第二十一天：Snippets(程式碼塊)
特別宣告 本文是作者 Tomek Sułkowski 釋出在 medium 上的一個系列。據作者透露一共有 24 篇，一直更新到 12 月 24 日 版權歸原作者所有。 作者在 Twitter 上推薦我們的中文翻譯啦,截圖在最後 譯者在翻譯前已經和作者溝通得到了翻譯整個系列的授權。 為了不影響大家閱讀，
【譯】你不知道的 Chrome 除錯工具技巧 第二十三天：Drawer tips 後續
特別宣告 本文是作者 Tomek Sułkowski 釋出在 medium 上的一個系列。據作者透露一共有 24 篇，一直更新到 12 月 24 日 版權歸原作者所有。 作者在 Twitter 上推薦我們的中文翻譯啦,截圖在最後 譯者在翻譯前已經和作者溝通得到了翻譯整個系列的授權。 為了不影響大家閱讀，
【譯】你不知道的 Chrome 除錯工具技巧 第二十二天：network
特別宣告 本文是作者 Tomek Sułkowski 釋出在 medium 上的一個系列。據作者透露一共有 24 篇，一直更新到 12 月 24 日 版權歸原作者所有。 作者在 Twitter 上推薦我們的中文翻譯啦,截圖在最後 譯者在翻譯前已經和作者溝通得到了翻譯整個系列的授權。 為了不影響大家閱讀，
掌握好寫js程式碼相應的除錯工具之——火狐除錯工具-DevTools
咱們做寫js程式碼的時候，遇到的一個最大的問題就是除錯問題，很多開發者在寫js程式碼的時候，經常都非常痛苦。但是我們如果掌握好相應的除錯工具，那麼就可以比較遊刃有餘的解決js的除錯問題。工欲善其事,必先利其器。
開發人員必備除錯工具,chrome除錯工具常用功能整理
Elements chrome devtools 中 Elements panel 是審查 dom 元素和 css 的, 可以實時修改 dom/css. windows: ctrl + shift + imac: cmd + opt + iDOM修改 html &
你不知道的 Chrome 除錯工具技巧
掘金地址： https://juejin.im/post/5c09a80151882521c81168a2 【譯】你不知道的 Chrome 除錯工具技巧 第一天：console 中的'$' 【譯】你不知道的 Chrome 除錯工具技巧 第二天：copying &
SLAM的開源以及在移動端AR的適用分析
當前的開源方案 當下部分總結引用自blog:http://blog.csdn.net/OnafioO/article/details/73175835文章總結很好沒本文關於其在移動端方面加以總結，希望大家參與討論，不足之處，請指正。 本講的前半部分將帶領讀者參觀一下當前的