Als u websites ontwikkelt, kunt u met de hulpmiddelen in het Ontwikkel-menu van Safari controleren of uw website goed werkt in alle op standaarden gebaseerde webbrowsers.
Als het Ontwikkel-menu niet in de menubalk wordt weergegeven, kiest u 'Safari' > 'Voorkeuren', klikt u op 'Geavanceerd' en schakelt u het aankruisvak 'Toon Ontwikkel-menu in menubalk' in.
In de onderstaande tabel vindt u beschrijvingen van de commando's in het Ontwikkel-menu.
Open pagina met | Hiermee wordt de weergegeven webpagina geopend in een browser die op uw computer is geïnstalleerd. De geïnstalleerde browsers staan in het submenu. |
Gebruikersagent | Hiermee bepaalt u hoe uw webbrowser door de webserver wordt herkend. U kunt deze optie gebruiken om de webserver te laten reageren alsof u een andere browser, een ander besturingssysteem of een andere Safari-versie gebruikt, zodat u kunt nagaan of u in verschillende omstandigheden verschillende inhoud aangeboden krijgt. |
Toon webinfovenster | In het webinfovenster wordt een overzicht gegeven van de bronnen die op een webpagina aanwezig zijn. U kunt de broncode, de CSS-gegevens (Cascading Style Sheet), de DOM-structuren en -eigenschappen (Document Object Model) en de visuele DOM-waarden van de webpagina weergeven en doorzoeken. Het webinfovenster bevat ook een foutconsole en netwerktijdbalk. |
Toon foutconsole | In de foutconsole worden HTML- en XML-syntaxisfouten en -waarschuwingen weergegeven. In de foutconsole worden ook JavaScript-fouten en andere berichten uit console.log, console.error, console.warn, console.assert en console.info getoond. |
Toon paginabron | Hiermee wordt de HTML-broncode weergegeven voor het hoofdframe van de weergegeven webpagina. Om in de broncode te zoeken, drukt u op Command (⌘) + F en typt u een of meer woorden in het zoekveld dat in het paneel 'Broncode' verschijnt. |
Toon paginabronnen | Hiermee wordt een lijst met webpaginabronnen weergegeven, zoals documenten, opmaaksjablonen en scripts. |
Toon snippeteditor | Hiermee kunt u snel kleine HTML-fragmenten ("snippets") testen zonder dat u een volledige webpagina hoeft te openen. |
Toon Extensiebouwer | Hiermee kunt u pakketten samenstellen en metagegevens toevoegen voor Safari-extensies. |
Start tijdbalkopname | Hiermee start u de tijdbalkopname in het webinfovenster voor netwerkaanvragen, lay-out en rendering, en JavaScript en events. Als u de opname wilt beëindigen, kiest u 'Ontwikkel' > 'Stop tijdbalkopname'. |
Leeg caches | Hiermee leegt u de cache van de webpagina en andere Safari-caches. |
Schakel caches uit | Hiermee zorgt u ervoor dat de benodigde bestanden altijd vanuit de webserver worden opgehaald, en niet vanuit de cache. |
Schakel afbeeldingen uit | Hiermee wordt de alternatieve inhoud van afbeeldingen weergegeven in plaats van de afbeeldingen zelf. Dit is handig als u de alternatieve tekst van uw webpagina wilt controleren. |
Schakel stijlen uit | Hiermee schakelt u alle CSS-sjablonen uit. Dit is handig als u bepaalde soorten opmaakproblemen in uw website wilt onderzoeken. Als u in het paneel 'Geavanceerd' in de Safari-voorkeuren een opmaaksjabloon hebt ingesteld, wordt deze nog wel gebruikt. |
Schakel JavaScript uit | Hiermee schakelt u alle JavaScript-code uit. Dit is handig als u problemen met onderdelen van uw website wilt onderzoeken of als u uw website wilt testen in browsers waarin JavaScript niet wordt ondersteund of is uitgeschakeld. U kunt JavaScript ook in- en uitschakelen in het paneel 'Beveiliging' in het voorkeurenvenster van Safari. |
Schakel specifieke hacks voor site uit | Hiermee schakelt u speciale Safari-code uit waarmee problemen met bepaalde websites worden omzeild, zodat de ontwikkelaars van deze websites oplossingen voor deze problemen kunnen testen. |
Schakel beperkingen voor lokale bestanden uit | Hiermee stelt u in dat alle bestanden op uw Mac worden behandeld alsof ze dezelfde herkomst hebben, zodat de bestanden via scripting of XHR over elkaars inhoud kunnen beschikken. Een kopie van een website kan hierdoor op uw Mac precies zo functioneren alsof deze op het internet staat. |
Sta JavaScript toe vanuit slim zoekveld | Hiermee kunt u een URL met "javascript:" in het adres- en zoekveld typen of plakken. |