[img=right]http://www.macfreak.nl/~redactie/webinspector.jpg[/img]Er zijn tegenwoordig zoveel programmaatjes waarmee je een stukje CSS of (x)HTML kunt bekijken, of waarmee je simpel websites kunt maken. Maar mensen die graag het handwerk willen leren, kijken nog wel eens in de broncode van websites. En eigenlijk snap je er dan nog geen snars van. Al die codes die om je oren vliegen zodra je de broncodepagina opent, daar wordt je als beginnend web-bakker niet vrolijk van.

Om het een beetje makkelijker te maken voor die mensen, en voor de professionele webontwikkelaars is er een Webinspector ontwikkelt. Het is een zeer klein programmaatje waarmee je praktisch alles in een website kan laten nakijken. Van hele pagina's tot en met het stukje CSS-styling of Javascript wat is  toegepast op een woord of plaatje. Gewoon rechtsklikken (of command-klik voor degene met 1 muisknop), en "inspect element" kiezen. Er komt dan een iPhoto-achtig, transparant venster tevoorschijn waarmee je alles kan bekijken wat er in een website is gedaan.

Als je wilt zien wat voor dingen er met een plaatje of woord zijn gedaan, dan selecteer je simpelweg het stukje tekst of plaatje, en kies je weer voor "inspect element". Er schiet dan even een rood kader in je Safarivenster, die aanduid wat je aan het bekijken bent. Vooralsnog werkt dit programma alleen met Safari, en ze zijn nog volop in de ontwikkelfase.

Link lijkt me niet correct...

link werkt inderdaad niet.
zou dat mischien gefixt kunnen worden ,dit programmatje lijkt mij mischien wel wat.

bij voorbaat dank
groeten mac dutij

Ik heb de link even aangepast. Excuses daarvoor...

Even een waarschuwing voor gebruik: De webinspector is zeker nog niet af en heeft last
van flink wat "memory-leaks" die kunnen leiden tot een performance drop in Safari.
(Gebruik op eigen risico dus)

(Bewerkt door Appleidee om 19:54, 20-01-2006)

Kan je hiermee ook zien waarom een bepaalde pagina op een mac niet werkt en wel op windhoos? Ik heb wel eens gehoord dat dat vaak puur aan programmeerfouten ligt bij de webdesigners, of is dit toch de tekortkoming van safari?  

Ik het geinstalleerd en een paar dingen mee geprobeerd. Ziet er veelbelovend uit, hoewel duidelijk nog niet af.
Maar het lijkt me iets dat je heel goed kunt gebruiken als je onderdelen van een site snel wil bekijken zonder de hele broncode door te hoeven spitten.

Ik denk dat ik de ontwikkeling van dit tooltje nauwlettend in de gaten ga houden. Ik ben me sinds kort in CSS aan het verdiepen, en hiermee kun je heel snel CSS format van een site onderdeel "opzoeken".

Ideaal!

klinkt een handig progje  

Rubinho om 22:42, 20-01-2006
Kan je hiermee ook zien waarom een bepaalde pagina op een mac niet werkt en wel op windhoos? Ik heb wel eens gehoord dat dat vaak puur aan programmeerfouten ligt bij de webdesigners, of is dit toch de tekortkoming van safari?  

Dat kun je er niet mee zien.
Het zijn eigenlijk ook geen programmeerfouten, maar code die niet is geschreven conform
de 'standaard'.

joram om 19:16, 20-01-2006
Gewoon rechtsklikken (of command-klik voor degene met 1 muisknop)

Ctrl-klik is het...  

Ideaal! Heel handig programmaatje als je regelmatig webapplicaties ontwikkeld. 't Is idd nog niet helemaal af, maar het ziet er veelbelovend uit en is nu ook al heel nuttig.

Aanvullend heeft firefox nog veel meer extensies beschikbaar voor goede analyse van een website en de mogelijkheid om er 'live' mee te experimenteren (code, headers en links aanpassen).

Voor een webdesigner wat handiger dan een nog erg in beta verkerende tool denk ik.

Appleidee om 23:42, 20-01-2006

Citaat

Rubinho om 22:42, 20-01-2006
Kan je hiermee ook zien waarom een bepaalde pagina op een mac niet werkt en wel op windhoos? Ik heb wel eens gehoord dat dat vaak puur aan programmeerfouten ligt bij de webdesigners, of is dit toch de tekortkoming van safari?  

Dat kun je er niet mee zien.
Het zijn eigenlijk ook geen programmeerfouten, maar code die niet is geschreven conform
de 'standaard'.

Euhm, als iets wel goed onder Safari werkt en niet onder Windows (IE, ga ik dan vanuit), dan ligt dat in 9 van de 10 gevallen aan IE. Je kan zonder problemen een pagina conform de standaard schrijven, die overal goed werkt, behalve onder IE.

iJoost om 14:39, 21-01-2006
Mmm... Mag ik dan in dit verband de "gereedschappen" die standaard in FireFox zitten, zoals de JavaScript Console en de DOM-Inspector ook nog even weer eens warm aanbevelen?  

Overigens heb je aan geen van deze tools veel als je niet begrijpt wat je aan het doen bent. Als je dat verwacht kom je bedrogen uit.

Dit bestaat ook in Safari en is op te roepen via het debug menu. Het debug menu is aan te zetten via
Cocktail of via een terminal commando.