Firebug in Safari op je iPhone via speciale bookmark
Firebug 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.
Via: AppAdvice, Martin Kool
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.
14 reacties
Marc
Zal vast snel weer geblokkeerd worden 🙁
LightPhoenix
Ik had hem al via de iCab webbrowser maar die werkt niet zo prettig als deze versie, bedankt!
Renzo
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.
Jitse
Sweeeeeeeeeeet
julian
Super is dit! Geweldige tool firebug, onmisbaar voor serieuze webontwikkelaars 🙂
Robbert
Deze javascript based versie van Firebug bestaat toch al jaren?
H0yVoy
Nice! Werkt goed!!
Bas
Jammer dat de code niet te copy-pasten is vanaf een iphone omdat de code niet geheel wordt weergegeven
reaguurder
Dank u werkt top!
Seabass
Geweldige toevoeging aan een browser, maar op een iphone zit ik er niet op te wachten. Je gaat toch niet coden op je telefoon?
Gé
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
Luccyboy
@Gé: Met 2 vingers scrollen werkt wel bij mij iPhone4
Hillechien
Hier zat ik inderdaad op te wachten. Bedankt voor de tip!!
Gonny van der Zwaag
@Bas: Als je op ‘View raw’ klikt is de code prima te kopiëren/plakken.