① 為什麼搜狗瀏覽器的兼容模式無法使用開發者工具
搜狗兼容模式調用IE，高速模式基於chrome修改優化。兩個核心按下F12可以打開對應瀏覽器的調試開發者模式。如果搜狗兼容模式沒有出現，對比IE是否正常。
上圖是windows10下搜狗瀏覽器7.5.8兼容模式按下F12的效果。
② 搜狗瀏覽器如何開啟WebGL功能
XP因為系統太久不兼容默認不會開GPU加速。win7及以上系統，安裝新版驅動一般只要不是特別老的古董顯卡都可以開。如果在修復工具中點過顯卡加速關閉，需要改注冊表開顯卡加速。或者卸載重裝瀏覽器。沒有登陸賬號記得備份收藏夾。
③ 我用的是搜狗瀏覽器，在調試的過程中，如果讓瀏覽器變成高速，則頁面的樣式就好著，但是在兼容的狀態，
搜狗兼容模式是調用IE。高速模式是獨立修改優化版的CHROME核心。對比下IE。可能是IE版本太低不支持這個效果。比如IE6。另如果系統是IE8，需要在搜狗瀏覽器右上角的菜單-工具-搜狗高速瀏覽器選項-高級-開啟：在兼容模式下使用高級渲染特性和GPU加速。否則就會用舊版兼容視圖，相當於IE7.
④ 用搜狗瀏覽器出現網頁調試的問題！是怎麼回事啊
這個網頁腳本有錯誤，看樣子是兼容模式出錯吧？對比ie看看ie是不是也有這個問題。
打開菜單欄「工具——internet選項——高級」勾選「禁用腳本調試（其他）」看看是否可以了？
⑤ 怎麼在移動端調試web前端
日常開發中，用 Chrome 模擬 UA、屏幕尺寸 和 觸摸特性，完成第一階段的開發和調試。
<img src="https://pic4.mg.com/50/_hd.jpg" data-rawwidth="420" data-rawheight="169" class="content_image" width="420">
Android 的話，Chrome 也有提供對應的調試工具。
⑥ 如何在pc端調試android手機瀏覽器web頁面兼容性
（1）PC Chrome最新版
（2）安卓 Chrome最新版
（3）數據線一根
插上數據線，打開手機里的瀏覽器，然後PC瀏覽器-菜單-更多工具-檢查設備，就會看到如下界面：
點擊inspect，稍等片刻即可打開調試界面：
⑦ 如何利用搜狗瀏覽器調試js
網頁調試可以按F12開啟開發者模式。具體參考chrome開發者模式和IE開發者模式使用流程。
也可以試試Tampermonkey Legacy。
（1）點擊搜狗瀏覽器右上角擴展欄右邊圓圈三個白點的擴展管理。
（2）點擊獲取。進搜狗瀏覽器應用中心搜索安裝Tampermonkey Legacy。
（3）這個擴展里可以添加腳本命令。地址欄是閃電的那個高速模式生效。
⑧ 我想用手機測試自己寫的web頁面，該怎麼做
一、IOS 移動端 （Safari開發者工具）
手機端：設置 → Safari → 高級 → Web 檢查器 → 開。
mac端：Safari → 偏好設置 → 高級 → 在菜單欄中顯示「開發」菜單。
在 OS X 中啟動 Safari 之後，以 USB 電纜正常接入 iOS 設備，並在此移動設備上啟動 Safari。此時點擊計算機上的 Safari 菜單中的「開發」，可以看到有 iOS 設備的名稱顯示，其子菜單項即為移動設備上 Safari 的所有標簽頁，點擊任意一個開始調試。
便捷，簡單，還可以調試外殼包裹的瀏覽器如微信。
備註：順便提一下，要調試不同版本的ios，可以進xcode 進行下載不同的系統包（當然是在沒有設備的情況下，土豪略過）
二、安卓移動端
1、chrome 調試方法
首先確保手機上和PC機上裝有最新版本的chrome瀏覽器，其次是將手機的開發者選項打開並允許調試，然後將數據線將兩台設備連接起來。在PC機上打開chorme，輸入chrome://inspect ，然後在手機上打開chrome，然後手機會彈框詢問是否允許調試，當然確定啦。有時候手機鎖屏會斷開，請拔掉usb重來。
點擊inspect打開DevTools後，你可以選中頁面中的DOM元素，同時設備中對應元素也高亮顯示，也可使用DevTools中的Inspect Element 選中目標元素，可以實時與移動設備頁面交互，方便的定位問題所在，進行代碼調試，就能像pc端一樣愉快的玩耍了。如果有問題，請檢查chrome版本。
作者：愛吃西紅柿的魚
鏈接：http://www.hu.com/question/37361845/answer/71674280
來源：知乎
著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請註明出處。
chrome的調試一般只可以調試chrome頁面，但是其官方文檔說還可以調試WebViews：
「On your computer, the chrome://inspect page displays every connected device, along with its open tabs and debug-enabled WebViews.」
需要說明調試WebView需要滿足安卓系統版本為Android 4.4+，並且需要再你的APP內配置相應的代碼，在WebView類中調用靜態方法，如下：
if (Build.VERSION.SDK_INT >=Build.VERSION_CODES.KITKAT) {
WebView.(true);
}
以上配置方法適用於安卓應用內所有的WebView情形。
安卓WebView是否可調試並不取決於應用中manifest的標志變數debuggable，如果你想只在debuggable為true時候允許WebView遠程調試，請使用以下代碼段：
if (Build.VERSION.SDK_INT>= Build.VERSION_CODES.KITKAT) {
if (0 != (getApplicationInfo().flags &=ApplicationInfo.FLAG_DEBUGGABLE{
WebView.(true);
}
}
我這里只寫了個大概，如果有其他問題或者欲查看詳細文檔，看下面鏈接（自備梯子）：
https://developer.chrome.com/devtools/docs/remote-debugging
注意：同樣的你也可以在電腦上裝安卓的虛擬機，推薦Genymotion ，一樣的，想測什麼版本，就自己下rom ，當然土豪當我沒說。
2、UC開發者瀏覽器
由於不推薦移動端使用UC（大家應該自覺抵制移動端毒瘤），所以我只簡單說一下，如果是在有興趣，請自行查看： 開發者中心_UC優視︱UC瀏覽器︱全球第一大手機瀏覽器，用戶超過5億人︱手機瀏覽器
它的調試方法與chrome差異不大。
3、使用 Weinre 調試
該方法是比較老的一種方法，對於其他的調試方法來說屬於刀耕火種型的。weinre是一個調試包，本身提供一個JavaScript，需要你在項目文件中加入該js。首先安裝Weinre，我們用nodejs安裝之，使用-g全局命令，以便可以在各個目錄下訪問：
npm install -g weinre
安裝weinre之後再設置監聽本機的ip:
然後打開返回的地址的說明文檔，然後把返回的js寫入到調試的文檔中，注意我箭頭所指向的地方。
這樣訪問頁面的時候，載入這個 JS，就會被 Weinre 監聽到進行控制。
小提示：這個 JS 後面的 #anonymous 起到一個標識作用，為了區別，我們可以將其修改成 #test 放到頁面中。這時候，我們的 Inspect 面板的地址就不是 http://172.16.0.2:8080/client/#anonymous 了，而是 http://172.16.0.2:8080/client/#test 。
當我們訪問頁面的時候，就會出現在監聽列表中，如果有多個網頁，你可以從列表中選擇一個。然後就可以使用後面的 Elements、Console 等面板來進行調試操作了：
Weinre 非常靈活，只需要在頁面中載入這個 JS，然後訪問即可，因此 WebView 可以用這種方法調試，一些低版本的 Android、iOS 也可以支持，Window Phone 也是可以用的。在調試移動設備時你可能需要在本地搭建一個區域網 IP 的伺服器，將設備與本機網路連接成一個區域網，用移動設備訪問這個網頁即可。
當然 Weinre 也不是萬能的，相比 Chrome 的調試工具，它缺少 JavaScript debug 以及 Profiles 等常用功能，但是它兼容性強，可以實現基礎調試功能。
4、mihtool 測試
MIHTool 是國人開發的，基於 Weinre，用於 iOS 設備的前端開發測試。
與Weinre 的調試方式大體一樣，即開啟一個伺服器，然後將 JS 插入到頁面中，訪問進行調試。
MIHTool 將這個過程簡化了，它是一個 APP，可以直接安裝到你的 iOS 設備裡面，然後內置一個簡單的瀏覽器可以打開你的測試頁面，當它開啟時，會自動向頁面中插入 Weinre 的 JS，並告知 Weinre 控制台 URL 等信息，讓你可以訪問進行調試。
它還提供了一個公共的 Weinre 調試服務，生成類似 MIHTool Web Inspector 這樣的鏈接，打開即可調試，非常方便，就是有些卡。
5、移動設備在線測試
移動端設備如此之多，小公司或者團隊，沒有這么多資金和精力購買如此多的測試設備進行測試。於是就有人買了這些設備，連接起來，提供在線調試服務。
一般就是他的真實手機設備打開，然後截屏出來供預覽。
比如：BrowserStack 等，當然一般比較卡。
三、總結
調試方法很多，層出不窮，關鍵是要看自己是否順手和熟練，關鍵在於按時按量的完成開發任務。
關鍵在於平時多積累跨坑姿勢，少寫一點不兼容的代碼，調試就舒心一點。
如果這還不滿足的話，可以查看更多資料：
移動端前端開發調試： http://yujiangshui.com/multidevice-frontend-debug/
移動開發真機調試： 移動開發真機調試
remote_inspect_web_on_real_device： jieyou/remote_inspect_web_on_real_device · GitHub
remote-debugging： https://developer.chrome.com/devtools/docs/remote-debugging
移動端Web開發調試之Chrome遠程調試(Remote Debugging)：移動端Web開發調試之Chrome遠程調試(Remote Debugging)
－－－－－－－－－－－－2015/12/2 補充 BrowserSync 部分－－－－－－－－－－－－－
很多朋友再說為什麼不寫Browser-sync，還有給差評的，說實話吧，我之前不了解那個東西。花了點時間看了一下，找到了他們的官網：Browsersync - Time-saving synchronised browser testing 覺得還挺有趣的哈。
然後就用了，覺得還行，真的會省很多工夫，入門也快，差不多就5分鍾快速入門，前端的輪子都這樣。。。
1、首先安裝 BrowserSync
npm install -g browser-sync
2、啟動 BrowserSync，原理應該是那種檢測文件變化，然後在服務端 websocket 通知瀏覽器變動，再載入新的變動文件，在不支持websocket 的瀏覽器上就輪訓服務端的變化，在載入新文件。我只是簡單的抓包看了下，也不知道說對了沒有。233
此時分兩種情況，一種是靜態：
// 監聽css文件
browser-sync start --server --files "css/*.css"
// 監聽css和html文件
browser-sync start --server --files "css/*.css, *.html"
二種是動態：
// 主機名可以是ip或域名
browser-sync start --proxy "主機名" "css/*.css"
然後就上手了啊，就這么簡單。。
還有gulp 配合哦。具體就看文檔了：Browsersync + Gulp.js
總結，前端變化日新月異，一個月不學，感覺就落後了啊
－－－－－－－－－－－－－－－－－我是分割線－－－－－－－－－－－－－－－
這里是 @於江水 大神的原文，之所以圈他一下，因為我的這個文檔從他那兒粘貼了很多，這個是他的原文：--> 移動端前端開發調試 。
上面的更多資料部分，我也講其放在第一個，不過之前的鏈接放錯了，不是原博客鏈接，現在已更正。
這是我整理的，每一個我都真正的動手實現了的，關於安卓webview的調試部分我還補充了點我找到的資料 --> 移動端前端開發真機調試攻略
⑨ 如何利用Chrome devTools調試android手機上的web網站
一、安裝Android SDK
下載Android SDK，地址：http://developer.android.com/sdk/index.html，本人的機器是windows，下載的文件為adt-bundle-windows-x86，解壓並釋放到D:/soft/android/adt（你也可以選擇其他路徑）
二、允許Android 手機啟用USB調試
1、android系統設置：「設置」》「開發人員選項」》「USB調試」；
2、手機上Chrome瀏覽器設置：打開Chrome瀏覽器，點擊左下角菜單按鍵，「設置」》「開發者工具」》「啟用USB網頁調試」
三、運行Android SDK
1、設置環境變數：右擊「我的電腦」》「屬性」》「高級」》「環境變數」》編輯「PATH」變數值，在末尾添加「;D:\soft\android\adt\sdk\platform-tools」
2、運行adb
打開cmd，輸入如下命令：
Command代碼
adb forward tcp:9222 localabstract:chrome_devtools_remote
詳情如圖：
四、調試
1、在手機上用Chrome打開需要調試的網站
2、在電腦上用Chrome打開http://localhost:9222/，如圖所示：
3、調試
點擊需要調試的網站，熟悉的Developer Tools就出來了，如圖所示：
【完成】
至此，利用Chrome在android手機上調試網站的方法告一段落。
更詳細的方法請看：
https://developers.google.com/chrome-developer-tools/docs/remote-debugging
更多的資料請參考：
http://www.html5rocks.com/en/mobile/profiling/
⑩ app中有webview調試模式嗎
打開Android APP Webview調試模式
大家知道google提供了webview組件的調試工具devtools，通過devtools可以直接在pc端的chrome上直接調試app上的html內容，前提是webview必須打開debug模式。
有時候我們需要測試webview的html5性能參數時發現在chrome上找不到我們想要的頁面這就是因為APP的webview組件debug模式沒有打開，下面看下具體怎麼打開webview組件的調試模式。
新建一個demo，demo中新建一個webview對象
安裝app到手機打開chrome的inspect工具
在chrome inpect中能找不到調試頁面的入口
修改代碼增加
webView.(true);
再次安裝app到手機並打開APP，打開chrome的inspect工具
發現在chrome inpect中能找到調試頁面的入口了
打開webview的debug模式很簡單，直接在對象實例中增加這一句就可以了
webView.(true);
需要注意的是每個webview組件實例需要單獨設置，下次在遇到inspect找不到html調試入口就可以自己修改代碼了
作者：ddssf
鏈接：http://www.jianshu.com/p/ebd9736ad274
來源：簡書
著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請註明出處。