Hoe een aanvulling op firebug op safari te installeren

Firebug is een zeer populaire aanvulling op Firefox, waarmee u items op een webpagina kunt verkennen en wijzigen. Hiermee leert u hoe webpagina`s zijn gebouwd. Hij zal ook helpen bij het debuggen van zijn eigen project. Software-ontwikkelingshulpmiddelen voor Safari bieden een soortgelijke functie. U kunt ook Firebug Lite gebruiken om de vereenvoudigde versie van Firebug op elke website te downloaden.

Stappen

Methode 1 van 2:
Ontwikkelingstools voor safari
  1. Titel afbeelding Haal iets vergelijkbaar met Firebug op Safari Stap 1
een. Klik op het Safari-menu en selecteer "Instellingen". Safari bevat een reeks toepassingsontwikkelingstools, vergelijkbaar met wat in Firebug is. Zodat je met ze kunt werken, ze moeten eerst worden ingeschakeld.
  • Titel afbeelding Haal iets vergelijkbaar met Firebug op Safari Stap 2
    2. Klik op het tabblad Add-ons. U opent dus de geavanceerde browseropties.
  • Titel afbeelding Get iets vergelijkbaars met Firebug op Safari Stap 3
    3. Plaats het vak naast het menu "Toon ontwikkeling" in de menubalk. Hiermee kunt u het menu "Ontwikkeling" inschakelen. Het verschijnt naast het menu "Bookmark".
  • Titel afbeelding Haal iets vergelijkbaar met Firebug op Safari Stap 4
    4. Voer de webinspecteur uit. De webinspecteur lijkt erg op Firebug. U kunt het openen in het menu "Ontwikkeling". Om dit te doen, kunt u ook op de toetscombinatie klikken ⌘ Commando+⌥ Optie+I.
  • Titel afbeelding Get iets vergelijkbaar met Firebug op Safari Stap 5
    vijf. Selecteer het tabblad Bronnen om webpagina-objecten weer te geven. Deze objecten omvatten stijlbladen, HTML-bestanden, scripts, afbeeldingen, enz. Dit is de standaardweergave van de webinspecteur.
  • In het linkerdeelvenster aan de linkerkant zie je alle mappen met de inhoud van de huidige pagina. Gebruik deze mappen om snel tussen de nodige middelen te bewegen.
  • Geselecteerde bronnen worden weergegeven op het hoofdpaneel. Hier ziet u de website-code en andere bestanden. U kunt zelfs bewerkingen in de code maken en onmiddellijk de wijzigingen op de pagina bekijken. Deze wijzigingen zullen alleen werken zolang u de site sluit.
  • De console gebruiken, voert u debug-commando`s in en onderzoekt jаvascript-objecten.
  • Op het rechter zijpaneel is informatie over het geselecteerde element. Hierbij worden wijzigingen onmiddellijk op de site weergegeven.
  • Titel afbeelding Haal iets vergelijkbaar met Firebug op Safari Stap 6
    6. Gebruik het tabblad Tijdschaal om de activiteit op de site te bekijken. De tijdschaal wordt weergegeven wanneer een stuk code werd uitgevoerd. U kunt ook het netwerkaanvraag controleren en evenementen bekijken voor jаvascript.
  • Aan de bovenkant van het venster "Tijdschaal" ziet u drie verschillende tijdelijke lijnen. Elke regel is verantwoordelijk voor de categorie Tijdschaal.
  • Het linkerdeelvenster geeft verschillende gebeurtenissen op die op de tijdlijn voorkomen. De tijd van elke actie wordt weergegeven in het hoofdvenster.
  • Titel afbeelding Get iets vergelijkbaars met Firebug op Safari Stap 7
    7. Gebruik de optie "Debugger" om jаvascript-fouten te zoeken en te corrigeren. De optie "Debugger" biedt dezelfde foutopsporingshulpmiddelen als Firebug. Gebruik het om jаvascript-codes te zoeken en te corrigeren. U kunt de locatie van de code instellen om op een bepaalde locatie te stoppen. Hiermee kunt u de fouten in jаvascript corrigeren en begrijpen hoe het werkt.
  • Titel afbeelding Haal iets vergelijkbaar met Firebug op Safari Stap 8
    acht. Wijzig de gebruikersagent. Veel gebruiken Firebug-add-on om de huidige gebruikersagent te wijzigen. De gebruikersagent is een identifier die de webpagina`s vertelt die browser en het besturingssysteem dat u gebruikt. Dit is een zeer nuttige optie om mobiele sites op uw laptop te downloaden of om het uiterlijk van de site te bekijken bij het werken met Internet Explorer op Windows.
  • Klik op het menu "Ontwikkeling" en selecteer "Aangepaste agent".
  • Selecteer de gewenste gebruikersagent uit de lijst met opties. U kunt uw gebruikersagent toevoegen door de optie "Other ..." te kiezen en de code in te voeren die u nodig hebt.
    • Methode 2 van 2:
    Firebug Lite
    1. Titel afbeelding Haal iets vergelijkbaar met Firebug op Safari Stap 9
    een. Ga naar Firebug Lite-website. Firebug Lite is een bladwijzer die toegang biedt tot enkele fundamentele Firebug-functies. Het werkt in elke webbrowser. U kunt het gebruiken om actuele wijzigingen in HTML- en CSS-pagina`s te maken. U kunt ook console-opdrachten uitvoeren en scripts controleren. Je kunt Firebug Lite downloaden op deze link: GETFIRBUG.Com / Firebuglite.
  • Titel afbeelding Haal iets vergelijkbaar met Firebug op Safari Stap 10
    2. Scroll naar beneden naar het gedeelte "Stabiel kanaal" (stabiel kanaal). Dit is de meest functionele en stabiele versie van Firebug Lite. Als u de laatste functies wilt uitproberen, stelt u de bladwijzer in vanaf het gedeelte BETA-kanaal (BETA-kanaal). Beta-versie is onstabiel dan het gebruikelijke.
  • Titel afbeelding Get iets vergelijkbaars met Firebug op Safari Stap 11
    3. Klik met de rechtermuisknop op de LITE-link van de Firebug. Selecteer in het menu dat verschijnt "Link kopiëren".
  • Titel afbeelding Haal iets vergelijkbaar met Firebug op Safari Stap 12
    4. Maak een nieuwe bookmaker. Open het menu "Bladwijzers" en selecteer "Bookmark maken" (Maak een bladwijzer). U kunt ook klikken ⌘ Commando+NS. Hiermee wordt een nieuw venster geopend om een ​​leg van de huidige pagina te maken.
  • Titel afbeelding Get iets vergelijkbaars met Firebug op Safari Stap 13
    vijf. Plaats de gekopieerde link naar het overeenkomstige veld van de nieuwe bladwijzer. Dit zal de bladwijzer op Firebug Lite-code wijzigen. Noem iemand een bladwijzer, bijvoorbeeld, "Firebug Lite".
  • Titel afbeelding Haal iets vergelijkbaar met Firebug op Safari Stap 14
    6. De bladwijzer gebruiken, download de Firebug Lite-interface. Klik op het LITE-tabblad Firebug op elke site.
  • Titel afbeelding Haal iets vergelijkbaar met Firebug op Safari Stap 15
    7. Survey-items op de pagina. Klik op de knop "Inspecteren" op het Menu-paneel Firebug Lite en selecteer vervolgens het item op de pagina. Het bijbehorende deel van het HTML-bestand wordt gemarkeerd in het Firebug Lite-frame.
  • Titel afbeelding Haal iets vergelijkbaar met Firebug op Safari Stap 16
    acht. Gebruik tabbladen op het bovenpaneel Firebug Lite. Deze tabbladen openen toegang tot verschillende Firebug Lite-functies. Deze omvatten HTML- en CSS-code-editor, werken met console en actieve scripts.
  • Firebug Lite heeft geen toegang tot externe stijlen en scripts. Dit komt door het feit dat het in jаvascript is geschreven om op elke pagina op te starten. Als u deze hulpmiddelen nodig heeft, geef dan de voorkeur aan het ontwikkelen van hulpmiddelen voor safari.
    • Deel in het sociale netwerk:
    Vergelijkbaar