Mammals / Ola Anderson

Detta är bloggen för min enskilda firma Mammals. Den innehåller sådant jag är intresserad av eller vill berätta om.
Teckensnitts storlek: +

Firebug (för Firefox) och Web Inspector (i Safari)

Ikon för programmet SafariIkon för programmet FirefoxMed Firefox har man länge kunnat använda en väldigt fiffigt tillägg som är ovärderligt för webbutvecklare som heter Firebug. Med det kan man få fram ett dokuments struktur och markera delar av en webbsida för att se vilka rader i de olika CSS-filerna som påverkar utseendet för det man markerat. Man kan även direkt ändra i CSS-filen i webbläsarens minne för att se effekten på sidan. Sedan får man förstås ändra manuellt på något vis i filen ifråga. (Ett liknade tillägg Web Developer är också populärt med 13.5 miljoner nedladdningar, men Firebug har lite populärare med 19.7 miljoner nedladdningar.)

Numera finns det något liknande inbyggt även i Safari som heter Web Inspector som kan göra det mesta som den kan. Egentligen kom en del av detta redan med Safari 3, men det har fått ett stort lyft i Safari 4.

Klicka på "Läs mer..."-länken för att läsa resten.


Ikon för programmet Firefox

Hur man kopplar på Firebug i Firefox

Ladda hem Firebug och installera.

Starta om Firefox.

Välj sedan Visa > Firebug

Det ser ut så här:

(Klicka på bilden för att se den större).

{rokbox album=|FirebugWebinspector| title=|Firebug igång för siten mammals.se| thumb=|images/stories/joomla/tips/firebug_webinspector/firebug_mammals.jpg_300x199.jpg|}/images/stories/joomla/tips/firebug_webinspector/firebug_mammals.jpg{/rokbox} 

Ikon för programmet för Safari

Hur man kopplar på Webinspector i Safari

Först måste man välja Inställningar > Avancerat och därefter kryssa för Visa utvecklarmenyn i menyraden. Du ser var i bilden nedan där det är inringat.

Skärmdump av inställningarna i Safari

Därefter kan du antingen välja det nya menyalternativet: Utvecklare > Visa Webbgranskare...

Menyalternativet i Safari

... och därefter använda förstoringsglaset som dyker upp i bilden och klicka på ett element.

Eller så kan du helt enkelt högerklicka på något och välja "Granska element".

Granska element

Det ser ut så här:

(Klicka på bilden för att se den större).

{rokbox album=|FirebugWebinspector| title=|Webinspector igång för siten mammals.se| thumb=|/images/stories/joomla/tips/firebug_webinspector/webinspector_mammals_300x202.jpg|}/images/stories/joomla/tips/firebug_webinspector/webinspector_mammals.jpg{/rokbox} 

Mera info

Det finns mera information om Webinspector på siten Webkit.org "Surfin Safari" > Web inspector updates.

Så även om Safari inte ännu är riktigt i klass med Firebug så närmar det sig. Vilket betyder att Safari är ett bra alterantiv till Firefox för Joomla-utvecklare, speciellt som man numera kan skriva artiklar i Joomlas admingränssnitt (i TinyMCE) även i Safari, vilket inte fungerat tidigare.


Tipstack till Adrian Bengtson som skrev om detta på 99.se. 

Den inbyggda hjälpen på Mac, föredömligt hjälpsam
TinyMCE (Joomlas artikel-editor) funkar nu i Safar...
 

Kommentarer

Kommentarer saknas