Firefox 16 bevat Web Apps en command line voor developers

Mozilla heeft Firefox 16 vrijgegeven voor zowel desktop-besturingssystemen als Android. In de vernieuwde browser zijn de developertools verbeterd en Firefox biedt toegang tot Web Apps. De Android-versie heeft een nieuwe reader-modus.

Nieuw in Firefox 16 voor Windows, OS X en Linux is de developer toolbar, toegankelijk via het menu of de shortcut shift+f2. Via de werkbalk zijn onder andere de web console, inspector en debugger toegankelijk, terwijl er ook via een command line opdrachten ingevoerd kunnen worden. Het aantal commando's is nog vrij beperkt en zijn voornamelijk bedoeld om diverse developertools aan te sturen. In de toekomst wil Mozilla het aantal beschikbare commando's vergroten.

Helaas!
De video die je probeert te bekijken is niet langer beschikbaar op Tweakers.net.

Mozilla heeft bij een aantal html 5- en css3-elementen de moz-prefixes verwijderd. Ook de mede door Mozilla ontwikkelde web-api's Battery Api en Vibration Api hebben geen prexifes meer nodig. Daarmee ziet de browserbouwer de desbetreffende elementen en api's als voldoende breed gedragen en volwassen.

Firefox 16 ondersteunt ook Web Apps die veelal sterk leunen op html 5 en aanverwante webstandaarden. Daarvoor heeft Mozilla een overzichtspagina gebouwd. Geïnstalleerde webapplicaties en games worden voorzien van een snelkoppeling op de desktop.

Mozilla heeft ook onder de motorkap enkele verbeteringen doorgevoerd. Zo moet incremental garbage collection meer werkgeheugen vrijmaken van data die is achtergebleven bij het uitvoeren van javascript-code. Volgens Mozilla kan dit opschoonmechanisme de browserprestaties flink verbeteren. Verder kan in het about:memory-overzicht nu ook per tab het geheugenverbruik worden bekeken, terwijl in OS X de VoiceOver-tool gebruikt kan worden.

De Android-versie van Firefox 16 heeft een reader-modus gekregen. Deze modus stript de nodige elementen uit tekstfragmenten en moet teksten leesbaarder maken voor de gebruiker. Als de reader-modus ingeschakeld kan worden, zal Firefox 16 in de adresbalk een icoon tonen.

Reacties (85)

[catserv]

Hopelijk zijn de problemen dan eens opgelost met de plugin-container, dit proces zorgde bij mij op 3 pc's ervoor dat firefox telkens bleef hangen bij het bezoek van een pagina waar o.a flash werd geladen

[Ramon]

Heeft iets te maken met Firefox 15 icm laatste Flash versie en ProtectedMode. Zie firefox topic op GoT.

[bbr]

Is dit probleem ergens gedocumenteerd / bekend?
Vermoed dat het ook mijn probleem (zie onder) betreft.
En "zo veel" plugins heb ik ook weer niet. (3-4)

[catserv]

Is veel over te vinden, ook mogelijke oplossingen om het te omzeilen
http://www.ikweetalles.be...len-plugin-container.html

[terror538]

schakel je niet daarmee juist ook alle plugins uit ?

ik moet eerlijk zijn, met mijn webgebruik komt firefox regelmatig boven de gigabytes uit qua geheugen gebruik, vroeger moest ik de hele browser dan sluiten en herstarten op de momenten dat het onbruikbaar werd, nu hoef ik slechts de plugin container te sluiten en is het meestal wel opgelost.

Ik weet dus niet of de container verwijderen zo'n goed idee is, die dingen zijn niet voor niets gescheiden

[lakigucci]

Bedankt voor de link!

[Wimbjorno]

Leuke nieuwe feature die ik waarschijnlijk wel in mijn dagelijkse werkzaamheden ga gebruiken...

[Nas T]

[voordehandliggendevragenmodus] Hoe heet deze website? [/voordehandliggendevragenmodus]

Wat moet ik me bij deze ontwikkelingen voorstellen? Dat webdevelopers hun producten kunnen testen/bijschaven met de browser?

[SXForce]

Ik denk dat het bij deze update met name gaat om vergemakkelijking van toegankelijkheid van bestaande features.

Vaak worden tools zoals "Inspect Element" gebruikt met een muis. Het is soms een gedoe om één element te vinden in een grote pagina. Wanneer je de naam (id) van een element weet, kan je d.m.v. deze console nu heel snel naar een element toespringen.

Verder is het handig dat cookies nu zo makkelijk verwijderd kunnen worden via een console. Dat hebben ze zeker leuk geïmplementeerd.

Als laatste is het "resizen" van een website (zonder dat je het gehele browser window moet resizen) ook wel een erg handige feature. Zo kan je een website namelijk veel makkelijker en sneller bekijken alsof je op een mobiel apparaat aan het kijken bent.

Ik vind dit zelf dus een goede ontwikkeling. Firefox doet er echt veel aan om developers tevreden te houden / maken.

[Verwijderd]

stapje dichter naar FireBug dus, maar zo "net niet" heb ik het gevoel.
Ik gebruik de inspect element van FF zelf werkelijk NOOIT. FireBug all the way, incl. FireCookie en FireQuery.

Hadden de FF dev'ers niet gewoon even een "deal" kunnen sluiten met de FireBug dev'ers, ipv zelf eventjes het wiel proberen uit te vinden ?

[ArmEagle]

Inderdaad. De twee vergelijken is bij mij onmogelijk omdat ik Firebug al zolang gebruik. Dit is allemaal functionaliteit waar je perfect add-ons voor kunt gebruiken. Jan-met-de-pet heeft dit allemaal echt niet nodig. Laat het dan ook uit de browser!

[meneer william]

Humm in Google Chrome zit al een command line en heeft ook grafische functies voor het resizen van het scherm en het legen van cash geheugen en cookies.

maar goed dat wist je natuurlijk al!

PS,

Eén van de dingen die Chrome niet heeft en Firefox wel is de 3D modus waarin je heel snel een foute opmaak van html kan ontdekken.

[Reactie gewijzigd door meneer william op 22 juli 2024 14:54]

[SXForce]

Ik gebruik zelf Chrome als standaard browser. Maar ik zie toch echt alleen een JS console. Geen console die geïntegreerd is met browser features of weet jij meer?

[Dynacomp]

Ctrl + Shift + J
Of bedoel je dat met JS console?

[Reactie gewijzigd door Dynacomp op 22 juli 2024 14:54]

[RoestVrijStaal]

Ik snap alleen niet dat Mozilla allemaal developer tools in firefox bouwt, want nu krijgt iedere gebruiker, developer of niet, dat kwabje vet mee bij de update.

De grap is ook dat de developers over het algemeen Firebug gebruiken en de 'build-in' tools links laten liggen.

Is het dan niet snuggerder om die build-in tools ook als addon te releasen ipv in firefox zelf te integreren?

[Verwijderd]

Dat is mijn kritiek eigenlijk ook wel. In het verleden was er Netscape, en daarna Mozilla, en dat was een grote, logge suite met allemaal zaken die vaak niet echt nodig had. Toen werd Firefox gebeuren, wat alleen het browser-component met alle noodzakelijke onderdelen en meer niet. Als je dan meer wilde, kon je add-ons installeren voor meer functionaliteit. Heel handig. De browser was zeer compact en heel snel.

Tegenwoordig (al een paar jaar, trouwens) stoppen ze weer steeds meer en meer troep in de browser. Personas, debugger en developer tools, al deze onzin weer. Ik vind het maar vervelend. Krijg standaard allemaal troep in de browser die ik niet uit kan schakelen en maar voor lief moet nemen. Natuurlijk kan ik er voor kiezen om het niet te gebruiken, maar het neemt toch ruimte in (op hard disk maar zal ongetwijfeld ook een deel van in het geheugen geladen worden) en zal ook wel CPU cycles nemen om het allemaal aan de praat te houden.

Nu wil ik niet zeggen dat Firefox nu trager is dan vroeger (zal heus wel veel sneller zijn door allemaal improvements), maar ze gooien er wel té veel troep in. Alle zaken die ze toegevoegd hebben, hadden ze ook prima kunnen leveren als optionele add-ons (eventueel dat je ze kan selecteren tijdens het installeren, ofzo).

Dan heb je gewoon een lichtgewicht, snelle browser. Wil je meer, kan je het zelf toevoegen.

[Dreamvoid]

Voor mensen die een simpele basic browser willen is er al jaren IE

[Verwijderd]

Doe mij maar Lynx... das pas simpel.
(tweakers.mobi en lynx gaan goed samen btw )

[markwiering]

Opera doet nu het tegenovergestelde. Zij verwijderen juist features, zoals Opera Unite, Opera Widgets en Opera Voice. Voor je het weet heeft Mozilla Firefox standaard meer features dan Opera.

[Cristan]

Mwah, langzamer zal de browser niet worden door de toevoeging van bijvoorbeeld een ontwikkelaarswerkbalk. Dat gaat pas resources gebruiken als je het aanzet. Voor een normale gebruiker zit dit ook niet in de weg in de interface (het zit netjes weggestopt onder het kopje "Webontwikkelaar"). Het enige waar de gebruiker last van zou kunnen hebben is dat de installer net wat groter wordt, maar een downloadgrootte van 17,8 MB lijkt me nou niet echt een probleem. Bovendien kan ik me niet voorstellen dat dit de executable nou zoveel groter maakt.

Verder vind ik het een fijn idee dat tegenwoordig elke browser een web console en een inspector heeft: het maakt het ontwikkelen van webapps voor noobs net iets laagdrempeliger en als ontwikkelaar kan je bij een browser van een klant meteen kijken wat er mis gaat met je webapp zonder plugins te hoeven installeren.

Het is wel waar: een normale gebruiker heeft er allemaal weinig aan, maar ik heb zeker niet het idee dat hij/zij er beter van wordt als je het weg zou laten.

[Buggle]

Extra code betekent ook extra mogelijkheden voor fouten; hoe meer spul je hebt, hoe meer er stuk kan zijn of stuk kan gaan. Het nodeloos toevoegen van complexiteit of 'clutter' is nooit een goede zaak, ook al gebruik je het niet direct. De code zit er wel in en kan bijvoorbeeld vervlochten zijn met andere onderdelen van het programma.
Nu ben ik geen softwareontwikkelaar, dus ik kan er niet al te veel over zeggen, maar voor een preciezere uitleg van wat ik bedoel verwijs ik je graag door naar de redenen die MoonChild voor de ontwikkeling van Pale Moon opgeeft op www.palemoon.org

[ppl]

Omdat dit soort tools ook handig zijn bij gewone gebruikers wanneer zij problemen ondervinden. Degene die het op moet lossen heeft standaard al de tools om te kunnen achterhalen wat er mis is. Dat soort zaken zitten ook al in het OS en diverse andere applicaties (denk aan bijv. logging). Als je achteraf nog eerst allerlei tools moet installeren betekent dat je ook de configuratie wijzigt en daarmee het troubleshooten kan bemoeilijken. De situatie is anders dan wat de gebruiker had toen hij tegen het probleem aan liep.

Daarnaast is er ook een hele simpele reden waarom ze dit doen. De Firefox gebruikers bestaan uit 2 grote groepen: techneuten/webdevelopers en gewone gebruikers. Dan richt je je op beide groepen en kom je dus bij een browser die vrij basic oogt maar die geavanceerde functionaliteit onder de huid heeft zitten die je via een speciaal paadje kunt bereiken.

[SmokingCrop]

Hm, het lijkt me dat de firebug plugin dan waarschijnlijk nog steeds vollediger is dan de ingebouwde tools?

[EpicEraser]

Ja, zo te zien wel.
Ik snap niet dat het nodig is om die tools in te bouwen. FireBug werkt erg goed (zij het wat traag).

[TimeVortex]

Het is dan ook niet bedoeld als vervanger van. De tools die wat meer lowlevel in je browser zitten, komen er nu in, terwijl Mozilla ook lekker doorsleutelt aan Firebug voor op 't hogere niveau in je browser.

[Vhough]

Hij lijkt ook wat scherper op het Retina beeld, misschien is dit ook een nieuwe feature?

[Keypunchie]

Firefox 18 pas, toch?

http://news.softpedia.com...ina-Displays-295894.shtml

[Foxpat]

Hier ook, Retina display is volgens mij ondersteund sinds FF16.

[OrangeTux]

De command line interface lijkt me geweldig handig! Zeker voor het selecteren van elementen waarvan ik de id of class ken. Nog minder muis gebruiken.

[Tarabass]

De inpsector (met muis dus) werkt ook supersnel. Veel sneller dan de inspectors van andere browsers

[Bartmanz]

De gemiddelde ontwikkelaar gebruikt allang firebug voor dat soort zaken. De gemiddelde niet-ontwikkelaar gebruikt de tools niet. Snap de keuze voor build-in dan ook niet helemaal.

[ppl]

Er zit een handige feature in waarmee je via de cli een screenshot kunt maken van de huidige pagina. Daarbij kun je aangeven of ook de dingen die buiten het zicht zijn mee genomen moeten worden. Dat scheelt weer het installeren van een extension. Handige toevoeging voor web devs denk ik. Doe maar eens een "help screenshot" nadat je op shift-f2 hebt gedrukt.

[Reactie gewijzigd door ppl op 22 juli 2024 14:54]

[Tarabass]

Inderdaad erg handig. Ik deed dit altijd met Hypersnap, maar deze feature ingebakken in de browser is erg welkom. Ik vind wel dat de kwaliteit van het screenshot wat beter mag. Vooral bij lange pagina's. Ook zou ik graag elementen kunnen selecteren die ik als plaatje wil, meer features uit hypersnap zou supervet zijn

[Zidane007nl]

De console is een handige feature die ik zeker ga gebruiken. Nu nog Flash verbeteren, Adobe. Firefox blijft regelmatig kort hangen als ik een flash video wil bekijken.

[skatebiker]

Heb ik liever dat ze eens H.264 filmpjes gaan ondersteunen....
Dan heb je geel Flash meer nodig. Want HTML5 zit er wel in maar geen H.264:-(

[Zidane007nl]

Dat zou inderdaad nog beter zijn.

[hackerhater]

Tjah als die patenten op H264 eens zouden verdwijnen?

[Verwijderd]

Een screenshot nemen vanuit de console is wel heel handig zeg.

Nu hoef je niet meer onhandig te klooien in Windows met de "print screen" knop en "paint" voor het knippen.

[Keypunchie]

alt-printscreen, krijg je (met elk programmma) alleen het actieve window. Dit terzijde.

[Blitzdoctor]

Ja, maar je wil meestal alleen je viewport hebben in je screenshot, niet de rest van je browser

[TMDevil]

win-S, als je OneNote (onderdeel van Office) heb geïnstalleerd, werkt 10x sneller dan een regel tekst te gaan zitten in typen (en onthouden wat die tekst ook al weer is).

Ik vind het een leuke console, maar die tijd hadden ze beter kunnen gebruiken voor het verbeteren van de stabiliteit en geheugen gebruikt.

[RobIII]

Ik vind het een leuke console, maar die tijd hadden ze beter kunnen gebruiken voor het verbeteren van de stabiliteit en geheugen gebruikt.

UIt het artikel:

Mozilla heeft ook onder de motorkap enkele verbeteringen doorgevoerd. Zo moet incremental garbage collection meer werkgeheugen vrijmaken die is achtergebleven bij het uitvoeren van javascript-code. Volgens Mozilla kan dit opschoonmechanisme de browserprestaties flink verbeteren. Verder kan in het about:memory-overzicht nu ook per tab het geheugenverbruik worden bekeken, terwijl in OS X de VoiceOver-tool gebruikt kan worden.

Uiteraard kan 't altijd verder verbeterd worden maar jij doet 't klinken alsof er niets aan gedaan is. Daarbij is voor (ik meen) v17 of v18 een aardige overhaul voor memory management geplanned AFAIK.

[[Remmes]]

Of je installeert een programma wat automatisch opslaat

[Aham brahmasmi]

Nu hoef je niet meer onhandig te klooien in Windows met de "print screen" knop en "paint" voor het knippen.

Wie doet dat dan ook? Windows 7 heeft een ingebouwde functie: Snipping Tool. Verder zijn er zat gratis tools (ik gebruik ScreenHunter) die het veel makkelijker maken.

[Verwijderd]

draait hier erg buggy!
Bij opstarten wordt de titelbalk getoond terwijl dat niet het geval zou moeten zijn.
Mijn bookmarkbalk en de iconen in de url balk zijn leeg.
de homepage wordt niet geladen, in plaats wordt een lege pagina getoond.
Bij uitzetten en terug aanzetten van bookmark balk wordt deze wel correct getoond en verdwijnt de titelbalk

edit: enige oplossing was herinitialiseren van FF

[Reactie gewijzigd door Verwijderd op 22 juli 2024 14:54]