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