Uitgelicht
Alles over de WWDC - iOS 26, iPadOS 26 en meer
Toon of verberg de lijst met posts

Firebug in Safari op je iPhone via speciale bookmark

Firebug, een populaire tool voor webontwikkelaars werkt nu ook in Safari op iOS. Om het te gebruiken moet je een speciale bookmark toevoegen aan Safari.
Elger van der Wel -

FirebugFirebug is een populaire Firefox-extensie bij webontwikkelaars, waarmee je vanuit je browser in de html, css en overige code van een site kan duiken en zelfs aanpassingen kan doen in de opmaak van dom-elementen. Een nadeel is dat Firebug alleen werkt voor desktop-browsers en het mobiel een stuk lastiger te implementeren is. De ontwikkelaars van Firebug hebben gelukkig ook een Lite-versie gemaakt die wel in verschillende (mobiele) browsers werkt, waaronder nu zelfs in Safari op iOS.


Om Firebug Lite te gebruiken op je iPhone, moet je een speciale Javascript-bookmark gebruiken. De code daarvoor is:

https://gist.github.com/1431246

Om deze toe te voegen in Safari, maak je eerst een bladwijzer aan van een willekeurige site die je ‘Firebug’ noemt. Vervolgens kopieer je de code en pas je de url van de Firebug-bladwijzer aan door de code er in te plakken.

Als je vervolgens op een site Firebug wilt gebruiken, klik je de bladwijzer aan en verschijnt de Firebug-console onderin je scherm. Op een iPhone is de ruimte daarvoor natuurlijk wel wat beperkt, maar het werkt wel. Ook op de iPad trouwens. Toegegeven, het is voor een zeer selecte groep gebruikers nuttig, maar je zal er maar net op zitten te wachten.

Screenshot van Firebug in Safari

Via: AppAdvice, Martin Kool

Taalfout gezien of andere suggestie hoe we dit artikel kunnen verbeteren? Laat het ons weten!

Safari

Safari is de Apple's eigen webbrowser die standaard beschikbaar is op iPhone, iPad en Mac. Safari draait op WebKit, de motor achter de browser en ondersteunt alle huidige internetstandaarden. Safari heeft allerlei handige functies, zoals het instellen van favoriete websites, bladwijzers, het Safari-privacyrapport, het aanmaken van Safari-profielen en nog veel meer. De browser krijgt regelmatig nieuwe functies, samen met grote iOS-, iPadOS- en macOS-updates. Lees hier alles over Safari en nuttige tips.

Reacties: 14 reacties

  1. Zal vast snel weer geblokkeerd worden 🙁

  2. Ik had hem al via de iCab webbrowser maar die werkt niet zo prettig als deze versie, bedankt!

  3. Weinig reacties hier :), maar ondanks dat ik firebug voornamelijk op een desktop gebruik, kan ik me wel situaties bedenken waar het zeker bruikbaar is. Bedankt voor het melden!

    @Marc: Dit kunnen ze niet blokkeren gezien het normale valide javascript gebruikt.

  4. Sweeeeeeeeeeet

  5. Super is dit! Geweldige tool firebug, onmisbaar voor serieuze webontwikkelaars 🙂

  6. Deze javascript based versie van Firebug bestaat toch al jaren?

  7. Nice! Werkt goed!!

  8. Jammer dat de code niet te copy-pasten is vanaf een iphone omdat de code niet geheel wordt weergegeven

  9. Dank u werkt top!

  10. Geweldige toevoeging aan een browser, maar op een iphone zit ik er niet op te wachten. Je gaat toch niet coden op je telefoon?

  11. Nou ik heb het geprobeerd op de iPhone maar bij mij werkte het niet helemaal. Ik kan bijvoorbeeld niet door de code heen scrollen, om alleen een het bovenste gedeelte van de code te zien heb je ook vrij weinig aan

  12. @Gé: Met 2 vingers scrollen werkt wel bij mij iPhone4

  13. Hier zat ik inderdaad op te wachten. Bedankt voor de tip!!

  14. @Bas: Als je op ‘View raw’ klikt is de code prima te kopiëren/plakken.