資訊專欄INFORMATION COLUMN
摘要：谷歌和蘋果分別提供了各自方案，來幫助開發(fā)者使用開發(fā)者工具調(diào)試真機(jī)或模式器的頁面。這極大的提高了調(diào)試效率。本文介紹了蘋果提供的在真機(jī)和模擬器中使用調(diào)試方法。真機(jī)調(diào)試一準(zhǔn)備需要一臺(tái)。需要一臺(tái)在測試序列號(hào)中的手機(jī)。
開發(fā) Web 頁面時(shí)，難免會(huì)碰到一些特定機(jī)型、特定版本或者是嵌到 App 中才會(huì)出現(xiàn)的問題。碰到這類問題時(shí)，如果不能使用開發(fā)者工具 devtools，這意味著，你只能使用 alert 或者 window.onerror 等手段。
谷歌和蘋果分別提供了各自方案，來幫助開發(fā)者使用開發(fā)者工具 devtools 調(diào)試真機(jī)或模式器的 Web 頁面。這極大的提高了調(diào)試效率。本文介紹了蘋果提供的在真機(jī)和模擬器中使用 devtools 調(diào)試方法。
真機(jī)調(diào)試一 準(zhǔn)備
需要一臺(tái) Mac。
需要一臺(tái)在測試序列號(hào)中的 iPhone 手機(jī)。
hybrid 調(diào)試需要 iOS 同學(xué)幫忙安裝一個(gè)測試版的 App。
二 開啟 Safari Web 檢查器的權(quán)限
打開設(shè)置
依次進(jìn)入 Safari > 高級(jí)
開啟 Web 檢查器
三 開啟顯示 Safari 開發(fā)菜單
打開 Safari
依次點(diǎn)開 Safari 菜單 > 偏好設(shè)置 > 高級(jí)
開啟 在菜單欄中顯示“開發(fā)”菜單
這時(shí)就可以在 Safari 的菜單欄中看到 開發(fā) 選項(xiàng)了
四 使用 USB 連接 iPhone 和 Mac
五 打開App，進(jìn)入頁面
六 開啟頁面調(diào)試
打開 Safari
依次點(diǎn)開 開發(fā) > 某某的 Macbook > 具體頁面
模擬器中調(diào)試一 準(zhǔn)備
需要一臺(tái) Mac。
需要下載 Xcode 和 iOS Simulator。
hybrid 調(diào)試需要一個(gè)能在模擬器中安裝的 App。
二 打開 Simulator
使用快捷鍵 command + 空格，打開 Spotlight
輸入 Simulator，并按回車打開。
三 打開App，進(jìn)入頁面
四 開啟頁面調(diào)試
打開 Safari
依次點(diǎn)開 開發(fā) > Simulator > 具體頁面
注意事項(xiàng)： 必須先打開 Simulator，再打開 Safari。不然 Safari 檢查不到 Simulator。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/92221.html
摘要：此處的，請(qǐng)?zhí)顚懻鎸?shí)有效的，是在微信小程序官網(wǎng)后臺(tái)拿到的，要不然你是無法在真機(jī)是體驗(yàn)測試的。真機(jī)上的調(diào)試模式微信小程序，在真機(jī)的體驗(yàn)真的很棒，對(duì)用戶而言，好用可用流暢是第一要點(diǎn)。文章首發(fā)地址微信小程序真機(jī)預(yù)覽體驗(yàn)測試教程如需轉(zhuǎn)載，請(qǐng)標(biāo)明說出 前言 從小程序內(nèi)測開始，有很多優(yōu)秀的創(chuàng)意、想法已經(jīng)在內(nèi)測階段開發(fā)完成。目前小程序開始公測，開放了小程序的申請(qǐng)和注冊(cè)，但是還無法正式發(fā)布。那么我們?cè)谖?..
摘要：真機(jī)在線運(yùn)行打開，項(xiàng)目的目錄如果之前在模擬器調(diào)試過，換成真機(jī)運(yùn)行的時(shí)候務(wù)必關(guān)閉模擬器需要修改的配置修改為如果上來就運(yùn)行的話，會(huì)報(bào)錯(cuò)改完界面處選擇修改如下確認(rèn)目標(biāo)設(shè)備的系統(tǒng)版本一致同樣也要確認(rèn)測試用例項(xiàng)目下的配置打開文件值改為打開文件修改的引 真機(jī)在線運(yùn)行 打開Xcode，open項(xiàng)目的ios目錄； 如果之前在模擬器調(diào)試過，換成真機(jī)運(yùn)行的時(shí)候務(wù)必關(guān)閉模擬器； 需要修改的配置： showI...
摘要：做移動(dòng)端開發(fā)的一大痛點(diǎn)就是，在真機(jī)運(yùn)行下無法查看日志和其他信息如網(wǎng)絡(luò)請(qǐng)求顯示本地存儲(chǔ)等信息。是一個(gè)專為手機(jī)網(wǎng)頁前端設(shè)計(jì)的調(diào)試面板，類似的迷你版，其主要功能包括捕獲日志檢查元素狀態(tài)顯示性能指標(biāo)捕獲請(qǐng)求顯示本地存儲(chǔ)和信息瀏覽器特性檢測等等。 showImg(https://segmentfault.com/img/bVXvig?w=2396&h=1302); 做移動(dòng)端Web開發(fā)的一大痛點(diǎn)就...
閱讀 3289·2023-04-26 02:40
閱讀 4639·2021-09-22 15:22
閱讀 1573·2021-09-22 10:02
閱讀 3474·2021-08-11 10:23
閱讀 1388·2019-08-30 15:55
閱讀 2487·2019-08-30 12:48
閱讀 584·2019-08-30 11:04
閱讀 697·2019-08-29 16:29
