Google Chrome en webudviklers nirvana

Jamen, hvad med min Firebug til Firefox, jo jo bevares, men jeg synes altså lige du bør slå øjnene op og kom så ud af de gamle underhyler og kig lidt på 10 extensions til Google Chrome, som gør din hverdag nemmere.

Extension liste jeg kører med i Chrome

BuiltWith Technology Profiler

Download

Den giver mig lige et lyn hurtigt overblik over de som plugin’et lige kan finde ud af et site er opbygget med.

Her kan du se en rapport på sitet her http://websiteudvikler.dk/

BuiltWith Logo BuiltWith Technology Profiler
websiteudvikler.dk
Websiteudvikler, Kevin Steffer

Analytics and Tracking

Usage Statistics – Websites using Google Analytics Asynchronous

Google Analytics
Google Analytics offers a host of compelling features and benefits for everyone from senior executives and advertising and marketing professionals to site owners and content developers.
Usage Statistics – Websites using Google Analytics

Javascript Libraries

Usage Statistics – Websites using JQuery

Server Information

Google Webmaster
Webmaster tools provide you with a free and easy way to make your site more Google-friendly.
Usage Statistics – Websites using Google Webmaster

Apache
Apache has been the most popular web server on the Internet since April 1996.
Usage Statistics – Websites using Apache

Blog Publishing

Usage Statistics – Websites using WordPress

WordPress 3.x
Wordpress Version 3 Installation
Usage Statistics – Websites using WordPress 3.x

Frameworks

Usage Statistics – Websites using PHP

Aggregation Functionality

Usage Statistics – Websites using RSS

Atom
Atom Syndication Format is an XML language used for web feeds very similar to RSS.
Usage Statistics – Websites using Atom

Pingback Support
A Pingback is one of three types of Linkbacks, methods for Web authors to request notification when somebody links to one of their documents.
Usage Statistics – Websites using Pingback Support

Really Simple Discovery
Really Simple Discovery is a way to help client software find the services needed to read, edit, or “work with” weblogging software.
Usage Statistics – Websites using Really Simple Discovery

Live Writer Support
Windows Live Writer Tagging Support Schema
Usage Statistics – Websites using Live Writer Support

FeedBurner
FeedBurner is the leading provider of media distribution and audience engagement services for blogs and RSS feeds.
Usage Statistics – Websites using FeedBurner

Document Information

check). XHTML 1.0 Transitional is the same as HTML 4.01 Transitional, but follows XML syntax rules. It supports everything found in XHTML 1.0 Strict, but also permits the use of a number of elements and attributes that are judged presentational, in order to ease the transition from HTML 3.2 and earlier. These include center, u, strike, and applet.
Usage Statistics – Websites using XHTML Transitional

Friends Network
XHTML Friends Network is a simple way to represent human relationships using hyperlinks.
Usage Statistics – Websites using Friends Network

Cascading Style Sheets
Cascading Style Sheets (CSS) is a stylesheet language used to describe the presentation of a document written in a markup language. Its most common application is to style web pages written in HTML
Usage Statistics – Websites using Cascading Style Sheets

Javascript
JavaScript is a scripting language most often used for client-side web development. Its proper name is ECMAScript, though “JavaScript” is much more commonly used. websiteudvikler.dk uses JavaScript.
Usage Statistics – Websites using Javascript

Meta Description
The description attribute provides a concise explanation of the page content.
Usage Statistics – Websites using Meta Description

Meta Keywords
Meta tag containing keywords related to the page.
Usage Statistics – Websites using Meta Keywords

Canonical Content Tag
Public specification of a preferred URL for a page allows search engines to understand the original location for content.
Usage Statistics – Websites using Canonical Content Tag

Encoding

Usage Statistics – Websites using UTF-8

Ret imponerende ikke – bare lige at få servere disse oplysninger med et klik på en knap.

Display Site Traffic in Chart

Download

Denne lille udvidelse kan hurtigt vise dig Google PageRank, Alexa Traffic Rank samt Compete Rank (Unique Visitors). Så får man lige sådan et overblik over, hvor populært sitet er. Modulet er bedst til at sammenligne større internationale sites.

META SEO inspector

Download

Her er et lille handy værktøj til lige at tjekke META data på et website samtidigt med at det giver dig en masse genveje til at grave dybere.

Chromes META SEO inspector

Chrome SEO

Download

Det er nok den er bruger mest til lige at få et overblik over et websites optimering op mod søgemaskiner, der er en hel del tal vist på ganske fin og overskuelig måde.

Chrome SEO

Resolution test

Download

Giver dig lige en mulighed for nemt at skifte browser størrelse, så du lige kan tjekke, hvordan det ser ud i forskellige størrelser.

Chrome resolution test

Firebug Lite

Download

Ups ja, lige for vanens skyld, så findes Firebug også til Chrome i en Lite version. Den har ikke så mange features, men lidt DOM inspection, CSS og JavaScript er altid rart at have ved hånden.

Chrome firebug

iMacros for Chrome

Download

Et genialt lille modul, som kan optage det du laver i browseren for så at gentage det igen eller lige frem loop’e det du har lavet. Et dejligt værktøj til, at køre triviel testing med, når man fx skal logge ind i en løsning, klikke et par steder i menuen og skrive noget i et formular felt, for at tjekke at siden viser det rigtige – puha det er så så dejligt med automatik :)

Chrome iMacros

jsshell

Download

En lille JavaScript consol, som loader jQuery og jLinq for dig, så du kan lave lidt scripting på et site, også selvom sitet ikke har indlæst jQuery eller jLinq, så det er ret smart.

Chrome jsshell

Regular Expression Checker

Download

Jeg bruger meget Regex Coach, men når der nu ikke længere skal startes et program ekstra, så tror jeg godt jeg kan vænne mig til denne.

Chrome Regex Tester

XML Tree Transformation

Download

Lige for at runde mit overforbrug af extenstions af, så er der denne extension – Chrome kan ikke vise XML dokumenter i browsere, så derfor, hvis du arbejde med XML (her ses mit RSS feed i Chrome) så har du lidt at glæde dig til. Den har indbygget lidt XPath, så du hurtigt kan få den rigtige fulde XPath blot ved klik på noden eller attributen.

Og så bare at den viser et XML dokument som med tabulerede elementer – ahhh GREAT!

Chrome XML Tree Transformation

Jeg skal ikke bruge mere af din kostbare tid – jeg håber du kan få sparet lidt op igen med brugen af disse extensions i Chrome!

, ,

8 Kommentarer

  • Hej Kevin

    Det ser spændende ud. Jeg har også i længe været træt af den sløve hastighed på Firefox, men jeg har ikke rigtigt orket at skifte.

    Så tak for dette indlæg, som gør et skifte væsentligt lettere :-)

    mvh
    Henrik

  • Hey Kevin…

    Gode plugins… De skal da lige afprøves i min chrome :)

  • Xmarks er den Firefox plugin, der gjorde at jeg skiftede fra IE til FF.

    Men Xmarks har netop annonceret at de lukker og slukker, så måske det er på tide at kigge en ekstra gang på Chrome som ens primære browser?

    Ihvert fald en fin liste du har lavet, som nok skulle kunne sparke mig igang.

  • Hej Kevin,

    Rigtig spændende læsning! Dejligt med en firebug til Chrome, den indbyggede “Developer tools” har nemlig en del irreterende elementer, som jeg ikke rigtigt har kunnet vænne mig til.

    Resolution test er utroligt effektivt, når man skal tjekke om en knap er “above-the-fold”!

  • Potter siger:

    Og mig der æææælsker lister. 1000 tak.

    @Henrik Andersen – jeg har altid været glad for Firefox, men jeg er også ved at være træt af, at den er så hamrende sløv. Dog har jeg ofte tænkt, at det nok er min egen skyld, da jeg har tosse mange plugins installeret. Men det er jo derfor jeg har valgt Firefox….

    Så måske det er ved at være tid til et skifte?

    Lækker liste Kevin. Takker.

  • Kevin Steffer siger:

    Sjovt flere af jer nævner den “sløve” Firefox og er klar til afprøve Chrome – det frister lidt at give jer nogle nørdede use-cases med Chromes indbyggede “Developer Tools”, synes flere giver den en ikke hel fair kritik.

  • Felix Sanchez siger:

    Hey, tak for indlægget.

    Det er altid rart med et alternativ til sin foretrukne browser, og her ser det ud til at Chrome kan blive en fin kandidat.
    Desuden ser iMacros for Chrome aldeles interessant ud, den skal helt sikkert prøves af!

    God weekend

  • Jeg må også erkende at FF ikke længere er min foretrukne browser. GC har endu ikke skuffet mig på et eneste punkt. FF har jeg derimod haft nogle mindre gode erfaringer med det seneste års tid, primært hastigheds issues.

Skriv et svar

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>