由于最近工作中遇到需要在電腦上調(diào)試手機(jī)端的功能和樣式，之前也沒有遇到過，所以就各種百度和試驗(yàn)。最后終于功夫不負(fù)有心人，成功了。(那一刻心情真滴很雞凍啊~~~~~~~~~)。所以暫時(shí)記錄下來。以免雞凍過度再給忘記了。

好，接下來就是具體的步驟啦。由于沒有什么筆墨經(jīng)驗(yàn)，所以都是大白話啦。

需必備的條件

手機(jī)端下載最新的chrome瀏覽器

電腦端下載最新的chrome瀏覽器

手機(jī)和電腦都可以FQ(需要FQ這是遇到坑后才知道的)。

數(shù)據(jù)線

開始操作

1.把手機(jī)的開發(fā)者選項(xiàng)打開，然后把允許通過USB調(diào)試的選項(xiàng)打開

有些手機(jī)的開發(fā)者選項(xiàng)是隱藏的。需要一定的操作才會(huì)出來。這個(gè)可以根據(jù)各自的手機(jī)型號去百度相應(yīng)的方法。

下面以我華為mate10pro為例：

首先 設(shè)置->系統(tǒng)->關(guān)于手機(jī)->版本號 在版本號那一列連續(xù)敲七下 就可以啟動(dòng)開發(fā)者模式(不用時(shí)最好關(guān)掉開發(fā)者模式)

打開開發(fā)者模式后 返回系統(tǒng)那個(gè)頁面可以看到 開發(fā)者選項(xiàng) 進(jìn)入開發(fā)者選項(xiàng) 打開usb調(diào)試選項(xiàng)，如圖：

然后用數(shù)據(jù)線連接手機(jī)和電腦，這時(shí)手機(jī)會(huì)彈出一個(gè)提示框，點(diǎn)擊確認(rèn)連接。

接下來 打開你PC端的chrome瀏覽器 在地址欄輸入：

勾選上Discover USB devices這個(gè)選項(xiàng) 讓瀏覽器去發(fā)現(xiàn)鏈接的設(shè)備。

你的設(shè)備如果出現(xiàn)在這個(gè)頁面上了，就證明你連接成功了。否則就是沒有連接上。

然后，在手機(jī)上打開chrome瀏覽器，打開你想調(diào)試的頁面。

你所打開的頁面就會(huì)顯示在電腦上，如下圖：

如果想調(diào)試哪個(gè)頁面就可以點(diǎn)擊那個(gè)頁面下的 inspect ，就可以打開調(diào)試頁面了。

好，這時(shí)坑來了，如果你打開后是個(gè)空白。并沒有顯示出你的頁面。或者出現(xiàn)了個(gè)類似404提示。那是應(yīng)該就是因?yàn)樵L問chrome需要FQ的原因。只要FQ的問題解決了 就會(huì)出現(xiàn)正常的調(diào)試頁面啦。

看著是不是跟PC頁面調(diào)試沒有什么區(qū)別呀！(￣︶￣)↗

好了，接下來就可以進(jìn)行你的調(diào)試之旅了。

總結(jié)

以上是生活随笔為你收集整理的启动成功浏览器显示不了_移动端利用chrome浏览器在PC端进行调试方法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。