Vraag Firefox: Firebug vs element inspecteren


Ik ben nieuw bij het ontwikkelen van websites en ik hoor steeds suggesties om Firebug te gebruiken. Het punt is, ik zie geen enkel voordeel van Firebug over de functie van het inspecteerelement (ik gebruik Firefox 24). Mis ik iets?

Ik ben bang om te wennen aan een tool en dan op mijn manier vast te blijven lopen om over te schakelen naar de betere tool. Gelieve te adviseren over specifieke kenmerken die superieur zijn in de ene of de andere tool.


17
2017-09-18 02:22


oorsprong


antwoorden:


Updates na 2 jaar

Omdat ik de dev-tools steeds vaker heb gebruikt, ben ik een paar dingen gaan realiseren:

  1. Firefox's Dev-Tools lijken in de hel te zijn. Het is 2 jaar geleden sinds mijn antwoord, en er is nauwelijks enige merkbare vooruitgang in de functies of het gebruiksgemak.

    • Magere verbeteringen in Netwerkpaneel en Foutopsporing, maar nog steeds veel te veel werk moet gedaan om het overal zo goed te maken als Chrome.
    • De debugger is nog steeds een puinhoop, waarbij de browser veel aan breekpunten hangt.
    • De JSON-objecten worden nog altijd weergegeven in die zeer frustrerende boomstructuur, zonder mogelijk manier om te kopiëren of uit te breiden naar een JSON-tekenreeks.
    • De tijdlijnfunctie is op zijn zachtst gezegd lachwekkend.

    Het zijn zulke basisvereisten dat ik geloof dat het Mozilla niets kan schelen over Dev Tools zelfs een beetje.

  2. Firebug is verloren - het gaat nergens heen en het team ploetert om een ​​nieuwe Firebug 3 te maken die bovenop de ingebouwde Dev-Tools bouwt. Nu, omdat de Dev-Tools zo slecht onder de macht zijn Ik heb geen hoop dat Firebug-mensen ongeveer een jaar lang in de buurt van de juiste bruikbaarheid zouden komen.

  3. Dat brengt me bij Chrome. Nadat de nieuwste versie een kijkje heeft genomen, lijkt het Chrome-team dat te hebben een bijna onaantastbare lead in het gebied Developer Tools, en terecht. Ze hebben een significante gezet focus op de ontwikkelaar, en creëerde een aantal handige dingen om testen en ontwikkeling voor te vereenvoudigen webontwikkeling.

Dus als conclusie, als je vandaag een antwoord op de vraag wilt, zou ik je onvoorwaardelijk aanbevelen Chrome. Het scheelt veel van je:

  • bloed (van koken)
  • zweet (van codering), en
  • tranen (van debuggen)

Dank je.

Lees nu wat mijn 2-jarige zelf dacht:


Enkele verschillen:

++ = webinspecteur is beter
-- = firebug is beter
== = kan niet zeggen

++ Er is een 3D-modus in de Web Inspector, wat erg goed is als je aan het spelen bent z-indices of het hitgebied van het element wordt niet goed geïdentificeerd.
 ++ Als u Firebug op een tabblad opent en naar een ander tabblad overschakelt en terugkeert, duurt het nogal wat tijd om over te schakelen. Dit probleem is blijkbaar niet bij Inspector.

Dit probleem was het gevolg van bugs in Javascript Debugger (JSD) van Firefox. Dit is een bekende bug en wordt opgelost terwijl ik dit schrijf ... Installeer de 1.13.0alpha-release, die deze bug repareert. De nieuwere versies van Firefox zullen hun JSD ook repareren.

++ The awesome Responsieve ontwerpmodus voor het testen van uw site op verschillende resoluties.

- Er zijn veel add-ons voor Firebug, voor XPath, Sass, enz., Wat geweldig is voor een uitgebreide ontwikkeling
 - (Subjectief) Ik vind het kleurenthema van de webinspecteur erg gaaf, maar als het erop aankomt om het te gebruiken, is het erg moeilijk.

== De manier waarop objecten worden uitgevoerd in zowel firebug als inspector is even slecht, (Chrome regeert hier!)     
 Schrijf in de console: console.log(window) om te zien waar ik het over heb. Eigenlijk is Firebug hier zelfs beter dan inspecteur.


13
2017-11-24 10:03



Ik gebruik beide voor verschillende afhankelijkheden.

Meest gebruikelijk in mijn rol:

  • Ik vind firebug veel gemakkelijker om JavaScript-oproepen te bekijken bij het laden van de pagina.
  • Ook, omnibug plugin (naar firebug) is erg handig om omniture vars en cookies te bekijken

Terwijl met inspecteerelement in chroom, het voordeel dat ik bij het oplossen van problemen erg handig vind, de mogelijkheid is om stijlen te bewerken.

Ik ben er zeker van dat dit je beslissing niet zal beïnvloeden, maar ik denk dat je er goed aan doet en weet dat elk zijn eigen voordelen heeft. Het is een kwestie van waar je ze voor nodig hebt.

Ik kan persoonlijk niet zien dat ik me aan één aanpas.


1
2017-09-18 02:54



Het komt echt neer op de voorkeur, want er is een afweging voor elk. Ik vind de "Style Editor" erg goed in het ingebouwde Inspect Element, waarmee je stylesheets kunt maken en de effecten in realtime kunt bekijken.


0
2018-01-15 22:19