Yuav ua li cas qhib thiab siv hom qauv tsim hauv Safari

Cov txheej txheem:

Yuav ua li cas qhib thiab siv hom qauv tsim hauv Safari
Yuav ua li cas qhib thiab siv hom qauv tsim hauv Safari
Anonim

Yuav Paub

  • To enable: Preferences > xaiv Advanced tab > toggle Show Develop menu in menu bar rau.
  • To use: xaiv Develop > Enter Responsive Design Mode hauv Safari toolbar.

Cov kab lus no piav qhia yuav ua li cas thiaj li pab tau Kev Tsim Qauv Ua Haujlwm hauv Safari 9 txog Safari 13, hauv OS X El Capitan los ntawm macOS Catalina.

Yuav ua li cas txhawm rau txhawm rau tsim hom qauv hauv Safari

Txhawm rau pab kom Safari Responsive Design Mode, nrog rau lwm cov cuab yeej tsim tawm Safari:

  1. Mus rau Safari ntawv qhia thiab xaiv Preferences.

    Nias lub keyboard shortcut Command+ , (comma) kom nkag mus nyiam sai.

  2. In the Preferences dialog box, xaiv lub Advanced tab.

    Image
    Image
  3. Nyob hauv qab ntawm lub dialog box, xaiv lub Show Develop menu in menu bar check box.

    Image
    Image
  4. Koj tam sim no yuav pom Develop nyob rau sab saum toj Safari menu bar.

    Image
    Image
  5. Select Develop > Enter Responsive Design Mode hauv Safari toolbar.

    Nias lub keyboard shortcut Option+ Command+ R kom nkag mus rau Kev Tsim Qauv Tsim sai sai.

    Image
    Image
  6. Lub vev xaib nquag nthuav tawm hauv Hom Tsim Qauv. Nyob rau sab saum toj ntawm nplooj ntawv, xaiv lub cuab yeej iOS lossis lub vijtsam daws teeb meem kom pom cov nplooj ntawv yuav ua li cas.

    Image
    Image
  7. Xwb, saib seb koj lub vev xaib yuav ua li cas hauv ntau lub platforms los ntawm kev siv cov ntawv qhia zaub mov saum toj ntawm cov cim daws teeb meem.

    Image
    Image

Safari Developer Tools

Ntxiv rau Hom Kev Tsim Kho, Safari Tsim cov ntawv qhia muaj lwm yam kev xaiv muaj txiaj ntsig.

Image
Image

Qhib Nplooj Nrog

Qhib lub vev xaib nquag hauv txhua qhov browser tam sim no tau teeb tsa ntawm Mac.

Tus Neeg Siv Khoom

Thaum koj hloov Tus Neeg Siv Khoom, koj tuaj yeem dag lub vev xaib kom xav tias koj siv lwm tus browser.

Show Web Inspector

Tso tawm txhua nplooj ntawv web cov peev txheej, suav nrog CSS cov ntaub ntawv thiab DOM ntsuas.

Show yuam kev Console

Displays JavaScript, HTML, thiab XML yuam kev thiab ceeb toom.

Show Page Source

Cia koj saib cov cai rau lub vev xaib nquag thiab tshawb cov nplooj ntawv ntsiab lus.

Show Page Resources

Qhia cov ntaub ntawv, ntawv sau, CSS, thiab lwm yam kev pabcuam los ntawm nplooj ntawv tam sim no.

Show Snippet Editor

Cia koj hloov kho thiab ua cov ntu ntawm cov lej. Cov yam ntxwv no muaj txiaj ntsig zoo los ntawm kev ntsuas qhov pom.

Show Extension Builder

Pab koj tsim Safari txuas ntxiv los ntawm ntim koj cov cai raws li thiab txuas ntxiv metadata.

Start Timeline Recording

Cia koj sau cov lus thov hauv network, ua tiav JavaScript, nplooj ntawv ua haujlwm, thiab lwm yam xwm txheej hauv WebKit Inspector.

Npua Caches

Deletes tag nrho cov khaws cia caches hauv Safari, tsis tsuas yog tus qauv lub vev xaib cache cov ntaub ntawv.

Disable Caches

Nrog cov neeg xiam oob khab, cov peev txheej raug rub tawm los ntawm lub vev xaib txhua zaus thov nkag mus rau qhov tsis yog siv cov cache hauv zos.

Tso cai JavaScript los ntawm Kev Tshawb Nrhiav Ntse

Disabled los ntawm lub neej ntawd vim kev ruaj ntseg, qhov no tso cai rau koj nkag mus rau URLs uas muaj JavaScript rau hauv Safari chaw nyob bar.

Pom zoo: