Yuav ua li cas qhib lub iPhone Debug Console lossis Web Inspector

Cov txheej txheem:

Yuav ua li cas qhib lub iPhone Debug Console lossis Web Inspector
Yuav ua li cas qhib lub iPhone Debug Console lossis Web Inspector
Anonim

Yuav Paub

  • Activate Web Inspector on iOS: Mus rau Settings > Safari > Advanced thiab txav mus lub Web Inspector toggle hloov mus rau On txoj haujlwm.
  • Siv Web Inspector ntawm macOS: Txuas koj lub cuab yeej iOS no rau Mac thiab xaiv qhov URL los tshuaj xyuas los ntawm Develop zaub mov.

Yog tias koj nkag mus rau hauv kab lossis lwm qhov teeb meem nrog lub vev xaib ntawm Safari mobile, siv Web Inspector cuab yeej los tshawb xyuas. Kab lus no piav qhia yuav ua li cas siv Safari console rau iPhone kom debug qhov tsis raug nrog kev pab los ntawm koj lub computer Mac. Cov lus qhia siv rau iPhones nrog iOS 14, iOS 12, lossis iOS 11, thiab zoo li Macs nrog macOS Big Sur (11.0), macOS Catalina (10.15), lossis macOS Mojave (10.14).

Ua kom lub Web Inspector ntawm koj lub iPhone lossis lwm yam khoom siv iOS no

Tus Kws Tshuaj Ntsuam Xyuas Lub Vev Xaib yog neeg xiam oob khab vim tias feem ntau cov neeg siv iPhone tsis siv rau nws. Txawm li cas los xij, yog tias koj yog tus tsim tawm lossis koj xav paub, koj tuaj yeem qhib nws hauv ob peb kauj ruam luv. Nov yog li cas:

  1. Qhib iPhone Settings menu.

    Ntawm tus iPhone nrog rau qhov ntxov ntawm iOS, nkag mus rau Debug Console los ntawm Settings > Safari > Tus tsim tawm > Debug Console Thaum Safari ntawm iPhone pom CSS, HTML, thiab JavaScript yuam kev, cov ntsiab lus ntawm txhua cov zaub hauv qhov debugger.

  2. Scroll down thiab coj mus rhaub Safari txhawm rau qhib lub vijtsam uas muaj txhua yam ntsig txog Safari web browser ntawm koj lub iPhone, iPad, lossis iPod kov.
  3. Scroll rau hauv qab ntawm nplooj ntawv thiab xaiv Advanced.

  4. Txhob tus Tus Kws Tshuaj Ntsuam Xyuas hloov mus rau qhov On txoj haujlwm.

    Image
    Image

Txuas koj lub cuab yeej iOS rau Safari ntawm Mac

Txhawm rau siv Web Inspector, txuas koj lub iPhone lossis lwm yam khoom siv iOS no rau Mac uas muaj Safari web browser thiab pab kom tsim cov ntawv qhia zaub mov.

  1. Nrog Safari qhib, xaiv Safari los ntawm cov ntawv qhia zaub mov thiab xaiv Preferences.

    Image
    Image
  2. Xaiv lub Advanced tab.

    Image
    Image
  3. Xaiv lub Show Develop menu in menu bar kos lub thawv thiab kaw lub qhov rais nqis.

    Image
    Image
  4. Los ntawm Safari menu bar, xaiv Develop thiab xaiv lub npe ntawm koj lub cuab yeej iOS txuas nrog, tom qab ntawd xaiv qhov URL uas tshwm hauv qab Safariqhib qhov debug console rau qhov chaw ntawd.

    Image
    Image

    Tom qab koj txuas koj lub cuab yeej, siv koj lub Mac los tshuaj xyuas lub vev xaib koj xav kom debug thiab qhib nws hauv Safari mobile browser.

Tus Kws Tshuaj Ntsuam Xyuas Web yog dab tsi?

Web developers siv Web Inspector hloov kho, debug, thiab optimize websites ntawm Macs thiab iOS no pab kiag li lawm. Nrog Web Inspector qhib, cov neeg tsim khoom tuaj yeem tshawb xyuas cov peev txheej ntawm nplooj ntawv web. Lub Web Inspector qhov rais muaj cov HTML kho tau thiab cov ntawv sau hais txog cov qauv thiab txheej txheej ntawm nplooj ntawv web hauv ib lub vaj huam sib luag.

Ua ntej iOS 6, iPhone Safari web browser muaj qhov teeb tsa hauv Debug Console uas cov neeg tsim khoom siv los nrhiav cov nplooj ntawv web tsis raug. Tsis ntev los no versions ntawm iOS siv Web Inspector hloov.

Nrog Safari 9 thiab OS X Mavericks (10.9), Apple tau nthuav qhia Cov Qauv Tsim Qauv hauv Web Inspector. Cov neeg tsim khoom siv lub simulator built-in no los saib ua ntej yuav ua li cas cov nplooj ntawv web scale rau ntau qhov screen, kev daws teeb meem, thiab kev taw qhia.

Pom zoo: