国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 學院 > 基礎常識 > 正文

通過 Mac 遠程調試 iPhone/iPad 上的網頁

2019-10-30 19:11:22
字體:
來源:轉載
供稿:網友

   我們知道在 Mac/PC 上的瀏覽器都有 Web 檢查器這類的工具(如最著名的 Firebug)對前端開發進行調試,而在 iPhone/iPad 由于限于屏幕的大小和觸摸屏的使用習慣,直接對網頁調試非常不方便,所以一直沒有 Web 檢查器這一類工具,但是 iOS 6 的發布解決了這個問題。

  iOS 6 給 Safari 帶來了遠程的 Web 檢查器工具(Remote Web Inspector),你可以通過模擬器或者真實的設備(通過 USB 連上 Mac)進行調試。下面我講講詳細的調試過程:

  1. 要進行遠程調試,首先要打開開啟 iPhone/iPad 上的 Safari 的遠程調試功能,“通過 設置 > Safari > 高級”開啟:

  2. 然后打開 Safari,開啟你要調試的網頁,當然原生應用中通過 WebView 開啟的網頁也是可以調試的。

  3. 最后把 iPhone 或者 iPad 通過數據線連上 Mac 電腦,打開桌面版的 Safari(目前 iOS 6 的 Safari 遠程調試只支持通過 Mac 上的桌面版的 Safari 進行,Safari for Windows 目前還沒有此項功能),點擊開發菜單,選擇你調試的 iPhone/iPad 的設備名,選擇調試的網頁。

  4. 最后就是調用桌面版的 Safari 的 Web 檢查器對 iPhone/iPad 上的 Safari 應用進行調試:

  這個調試過程和我們平常在 Mac/PC 上調試基本一樣,比如可以對 HTML 和 CSS 做些實時的改動,查看修改后的效果。查看 cookie,本地存儲,session 等一些數據。查看 WebApp 的性能,網絡請求等,也可以查看所有錯誤和警告信息對程序進行修正。

  當然我們可以通過它來調試 Javascript,設置斷點,定義未捕獲的意外等。也可以訪問 Console,直接執行 Javascript 代碼。

  另外它還支持觸摸檢查(Touch to inspect):激活檢查器上的手型圖標,就可以通過在 iPhone/iPad 上觸摸,就能立即找到檢查器對應的 DOM 元素。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 舞钢市| 太仓市| 苗栗县| 南靖县| 保德县| 台州市| 棋牌| 边坝县| 本溪| 刚察县| 虞城县| 河津市| 依安县| 三江| 丹巴县| 寿光市| 库尔勒市| 普兰县| 湖口县| 吉木萨尔县| 微山县| 镇坪县| 安岳县| 正宁县| 页游| 乐亭县| 定陶县| 高州市| 简阳市| 浦城县| 化德县| 吉木萨尔县| 东城区| 施甸县| 贵溪市| 醴陵市| 北碚区| 德庆县| 南丰县| 郓城县| 军事|