ipad iphone中的前端除錯

2022-04-05 12:58:11 字數 1136 閱讀 3555

需要在ipad上除錯**, 經過一番搜尋(多在google搜到的), 稍微整理下 : ).

1. settings -> safari -> advanced/developer -> debug console

最容易搜到的就是這個, 在桌面選擇"設定", 找到"safari", 點"高階/開發者", 據說下面會有個"除錯控制台(debug console)"按鈕, 但是我死活沒能找到, 可能是safari較舊引起的.

即使可以使用, 功能也是很有限的, 各種吐槽.

開啟按鈕的**解說

2 firebug lite

2.1當然也可以在頁面中嵌入firebug lite;

2.2或者建個新書籤載入firebuglite; 

檢視如何新建

2.3也可以利用後台, 判斷引數, 修改傳回的內容;

<?php if(isset($_get['debug'])): ?>

<?php endif; ?>

3 edge inspect

這是我覺得蠻好的, 但是後期可能要交$;

大致的步驟是:

具體看這裡

目前用到兩個比較實用的特性:

連線設定完以後, pc和ipad 可以同步重新整理頁面;

另外, 在pc的開發者工具中, 修改頁面可以實時顯示到ipad中, 就像pc除錯一樣, 只不過顯示在ipad.

(遠端除錯原理大致是新建個伺服器, 讓移動裝置訪問).

4 ios裝置上safari瀏覽器的前端除錯解決方案

如果是ios6以上的, 直接開啟遠端除錯就可以, 但是pc必須是mac系統, 因為mac才可以裝safari 6.x; 

同理, 如果ipad是一代的, 那也不行哦;

當然願意在pc裝虛擬機器也可以.

3.2xcode中的ios模擬器.

5 chrome user agent switcher

另外還有乙個簡潔的模擬方式, pc上的chrome的開發者工具中,

點選右下角的"齒輪", 開啟設定面板, 選中override一欄,

其中可以修改 user agent, 同時選中"emulate touch event"可以模擬移動端特有的觸控事件, 但是也不會妨礙滑鼠事件的觸發.

如果僅僅是測試頁面布局和滑鼠事件, 那用這個最為方便.

GatewayWorker 前端呼叫介面除錯不通

建立wss服務 參考方法一 直接用workerman開啟ssl require once dir workerman autoloader.php use workerman worker 證書最好是申請的證書 context array ssl array 請使用絕對路徑 local cert 磁...

同前端聯調遇到的坑(二)

一 出現的問題 專案在測試階段出現了一些問題,在有乙個頁面進行增加或刪除資料後重新整理,頁面沒有任何反應。檢視增加或修改的請求,響應是200狀態,提示新增或刪除成功,但是頁面重新整理後無論是條數還是詳細資料都沒有變化,該多的不多,該少的也不少。而且看到新增或刪除後的查詢請求,返回狀態碼是304,也就...

技術分享 前端開發中電腦和手機聯調的方法

如果是普通的h5頁面,那麼電腦和手機處於乙個區域網,手機就可以訪問電腦啟動的前端專案了。例如,專案位址是 在手機直接訪問即可。如果想要手機和電腦的網頁同步的話,可以在手機中安裝 chrome瀏覽器,usb 連線電腦 手機需要開啟開發者模式 然後在電腦的 chrome 瀏覽器中開啟 chrome in...