Kuidas Safaris tundliku disaini režiimi aktiveerida ja kasutada

Sisukord:

Kuidas Safaris tundliku disaini režiimi aktiveerida ja kasutada
Kuidas Safaris tundliku disaini režiimi aktiveerida ja kasutada
Anonim

Mida teada

  • Lubamiseks: Eelistused > valige Advanced vahekaart > lülitage Kuva menüüribal Arendusmenüüsisse.
  • Kasutamiseks: valige Safari tööriistaribal Arenda > Sisestage Safari tööriistaribal tundliku kujunduse režiim.

See artikkel selgitab, kuidas lubada tundliku disaini režiimi Safari 9-st Safari 13-ni ja OS X El Capitanis macOS Catalina kaudu.

Reageeriva disaini režiimi lubamine Safaris

Safari reageeriva disainirežiimi lubamiseks koos teiste Safari arendajatööriistadega:

  1. Avage menüü Safari ja valige Preferences.

    Eelistuste kiireks avamiseks vajutage klaviatuuri otseteed Command+ , (koma).

  2. Valige dialoogiboksis Preferences vahekaart Advanced.

    Image
    Image
  3. Märkige dialoogiboksi allosas ruut Kuva menüüribal arendusmenüü.

    Image
    Image
  4. Nüüd näete Safari ülemisel menüüribal Develop.

    Image
    Image
  5. Valige Safari tööriistaribal Develop > Sisestage Safari tööriistaribal tundliku kujunduse režiim.

    Reageeriva kujundusrežiimi kiireks sisenemiseks vajutage kiirklahvi Option+ Command+ R.

    Image
    Image
  6. Aktiivne veebileht kuvatakse tundlikus kujundusrežiimis. Valige lehe ülaosas iOS-i seade või ekraani eraldusvõime, et näha, kuidas leht renderdatakse.

    Image
    Image
  7. Vaadake, kuidas teie veebileht erinevatel platvormidel renderdatakse, kasutades eraldusvõimeikoonide kohal olevat rippmenüüd.

    Image
    Image

Safari arendaja tööriistad

Lisaks tundlikule disainirežiimile pakub Safari Develop menüü muid kasulikke valikuid.

Image
Image

Ava leht koos

Avab aktiivse veebilehe mis tahes praegu Maci installitud brauseris.

Kasutajaagent

Kasutajaagendi muutmisel võite petta veebisaidi ja arvata, et kasutate teist brauserit.

Näita veebiinspektorit

Kuvab kõik veebilehe ressursid, sealhulgas CSS-teabe ja DOM-i mõõdikud.

Näita veakonsooli

Kuvab JavaScripti, HTML-i ja XML-i vead ja hoiatused.

Kuva lehe allikas

Võimaldab vaadata aktiivse veebilehe lähtekoodi ja otsida lehe sisust.

Näita lehe ressursse

Kuvab praeguse lehe dokumendid, skriptid, CSS ja muud ressursid.

Kuva lõiguredaktor

Võimaldab redigeerida ja käivitada koodi fragmente. See funktsioon on testimise seisukohast kasulik.

Kuva laienduse koostaja

Aitab luua Safari laiendusi, pakendades koodi vastav alt ja lisades metaandmed.

Alusta ajaskaala salvestamist

Võimaldab salvestada võrgupäringuid, JavaScripti täitmist, lehe renderdamist ja muid sündmusi WebKit Inspectoris.

Tühjenda vahemälud

Kustutab kõik Safaris salvestatud vahemälud, mitte ainult veebisaidi standardsed vahemälufailid.

Keela vahemälud

Kui vahemälu on keelatud, laaditakse ressursid veebisaidilt alla iga kord, kui tehakse juurdepääsutaotlus, mitte kohaliku vahemälu kasutamisel.

Luba JavaScript nutika otsinguvälj alt

Turvalisuse huvides vaikimisi keelatud, see funktsioon võimaldab teil sisestada JavaScripti sisaldavad URL-id Safari aadressiribale.

Soovitan: