Tartalom
- A fejlesztői eszközök elérése az Apple böngészőjében
- Hogyan lehet engedélyezni az adaptív tervezési módot a Safari programban
- Safari fejlesztői eszközök
A fejlesztői eszközök elérése az Apple böngészőjében
A webes fejlesztők számára alapvető feladat annak biztosítása, hogy a webhelyek és az internetes alkalmazások támogassák az eszközök és platformok széles körét. Az Apple Safari webböngészője tartalmaz egy Responsive Design módot, amely lehetővé teszi, hogy megtekintse a webhely megjelenítésének előnyeit különböző képernyőfelbontásokon, valamint az iPad, iPhone és iPod touch különféle verzióiban.
A cikk utasításai vonatkoznak a MacOS Safari 13-ra. A Responsive Design mód a Windows verzióban nem érhető el.
Hogyan lehet engedélyezni az adaptív tervezési módot a Safari programban
A Safari fejlesztői eszközeinek és a Responsive Design módjának engedélyezése:
-
választ Szafari > preferenciák a Safari eszköztáron.
Használhatja a billentyűparancsot is Parancs+Vessző (,) a Beállítások menü eléréséhez.
-
A Beállítások menüben válassza a lehetőséget Fejlett fülre, és jelölje be a melletti négyzetet A Fejlesztés menü megjelenítése a menüsorban. Egy új opciónak elérhetőnek kell lennie a képernyő tetején lévő Safari eszköztáron.
-
választ fejleszt > Lépjen az adaptív tervezési módba a Safari eszköztáron.
Használhatja a billentyűparancsot is választási lehetőség+Parancs+R hogy belépjen az adaptív tervezési módba.
-
Az aktív weboldalt most Responsive Design módban kell megjeleníteni. Az oldal tetején válasszon egy iOS-eszközt vagy a képernyő felbontását, hogy megnézze, hogyan jelenik meg az oldal.
Utasíthatja azt is, hogy a Safari szimulálja a különféle felhasználói ügynököket a közvetlenül a felbontási ikonok felett található legördülő menü segítségével.
Safari fejlesztői eszközök
A reagáló tervezési mód mellett a Safari Fejlesztése menü számos más hasznos lehetőséget kínál, köztük:
- Nyissa meg az oldalt a: Nyissa meg az aktív weboldalt bármilyen más, a Mac-re jelenleg telepített böngészőben.
- Felhasználói ügynök: A felhasználói ügynök megváltoztatása miatt a webszerverek a böngészőt másként azonosítják, mint a Safari.
- Csatlakoztassa a Web Inspector-t: A weboldal összes erőforrásának megjelenítése, beleértve a CSS-információkat és a DOM-mutatókat.
- Hibakonzol megjelenítése: A JavaScript, HTML és XML hibák és figyelmeztetések megjelenítése.
- Az oldal forrása: Az aktív weboldal forráskódjának megtekintése és keresése.
- Mutassa az oldal forrásait: Dokumentumok, szkriptek, CSS és egyéb források megjelenítése az aktuális oldalon.
- A Snippet Editor megjelenítése: A kódrészletek szerkesztése és végrehajtása. Ez a szolgáltatás tesztelési szempontból nagyon hasznos.
- Mutassa az Extension Builder alkalmazást: Készítsen saját Safari kiterjesztéseket a kód megfelelő csomagolásával és a metaadatok hozzáadásával.
- Indítsa el az idővonal-felvételt: A hálózati kérések, a JavaScript végrehajtása, az oldalmegjelenítés és egyéb események rögzítése a WebKit Inspectoron belül.
- Üres gyorsítótárak: Törölje a Safari összes tárolt gyorsítótárát, nem csak a szokásos webhely-gyorsítótár-fájlokat.
- Letiltja az gyorsítótárakat: Ha a gyorsítótárazás le van tiltva, az erőforrásokat a webhelyről töltik le minden alkalommal, amikor hozzáférési kérelmet nyújtanak be, és nem a helyi gyorsítótár használatával.
- Engedélyezze a JavaScriptet az Intelligens kereső mezőből: Biztonsági okokból alapértelmezés szerint le van tiltva, ez a szolgáltatás lehetővé teszi a JavaScript-et tartalmazó URL-ek bevitelét a Safari címsorába.
- A SHA-1 tanúsítványokat bizonytalanként kezelje: A Secure Hash algoritmus rövidítéseként bebizonyosodott, hogy az SHA-1 kivonat-funkció kevésbé biztonságos, mint az eredetileg gondoltak, ezért ezt a lehetőséget a Safari is kiegészítette.