Subscribe to RSS feed Prenumerera på RSS-flöde or eller follow me follow me on Twitter? på Twitter?
Bookmarklets are bookmarks containing snippets of JavaScript code. Bookmarklets är bokmärken innehåller fragment av JavaScript-kod. They can be used to accomplish specific tasks. De kan användas för att utföra specifika uppgifter. Web developers can quicken several common operations by using bookmarklets. Webbutvecklare kan påskynda flera gemensamma operationer genom att använda bookmarklets. Best of all, bookmarklets do not slow down your web browser like extensions do. Bäst av allt är bookmarklets inte sakta ner din webbläsare som tillägg använder. For example, some of these bookmarklets together can effectively substitute the Web Developer Firefox addon (if you crave for them in other browsers). Till exempel kan vissa av dessa bookmarklets tillsammans effektivt ersätta Web Developer Firefox tilläggsprogram (om du längtar efter dem i andra webbläsare).
To save these bookmarklets, just right click on the link to the bookmark and save it into your bookmark folder OR drag the bookmarklets to your Bookmarks toolbar. Exception: The first three bookmarklets (first two list elements) are links to pages containing the bookmarklets, as I found them difficult to embed here. För att spara dessa bookmarklets, bara högerklicka på länken till bokmärke och spara den i din bokmärkesmapp eller dra bookmarklets som bokmärke verktygsfältet. Undantag: De tre första bookmarklets (första två listelement) finns länkar till sidor som innehåller bookmarklets, som jag fann det svårt att visa här.
To use a bookmarklet, simply right-click on it and choose “Bookmark Link”. Att använda en bookmarklet, bara högerklicka på den och välj "Spara länk". I would recommend placing them into a folder in the toolbar, so that any bookmarklet can be accessed with 2 clicks. Jag rekommenderar att du placerar dem i en mapp i verktygsfältet, så att alla bookmarklet kan nås med 2 klick. I find that to be the least-cluttered and easiest-to-use arrangement. Jag tycker att det de minst rörigt och lättast att använda arrangemang. Onto the bookmarklets then. Ut på bookmarklets då.
- Updated 07 July 2008: Uppdaterad 07 juli 2008:
XRAY XRAY : :
See the box model for any element on web pages. Se rutan modell för alla element på webbsidor. - Test Styles Test Styles and och Edit Styles Edit Styles : :
Test Styles gives you a new tab/window to type CSS rules for the original webpage. Test Styles ger dig en ny flik / fönster för att skriva CSS-regler för den ursprungliga webbsidan. The styles are applied to the webpage immediately. Formatmallarna tillämpas på webbsidan omedelbart. Edit Styles is similar, except that you start with the CSS styles for the page. Edit Styles är liknande, förutom att du börjar med CSS-format för sidan. [thanks, [tack Nick Nick ] ] - W3C HTML Validator W3C HTML Validator : :
Validate the document that you are currently viewing. Validera dokumentet som du för tillfället läser. Great for on-the-fly validation checks while coding pages. Great for on-the-fly valideringskontrollerna medan kodning sidor. - W3C CSS Validator W3C CSS Validator : :
Validate the CSS of the webpage that you are currently viewing. Validate CSS av webbsidan som du för tillfället läser. Useful for quick checks during CSS coding. Användbar för snabba kontroller under CSS kodning. - Resize Viewport: Omformatera Viewport: 800×600 800 × 600 , , 1024×768 1024 × 768 , , 1280×1024 1280 × 1024 and och 1600×1200 1600 × 1200 : :
See how your web page looks like, in different resolutions. Se hur din webbsida ser ut i olika upplösningar. Quickly switch between 800×600 to 1600×1200, the two extreme resolutions normally considered in web design. Snabbt växla mellan 800 × 600 till 1600 × 1200, normalt två extrema upplösningar beaktas vid webbdesign. - View Cookies View Cookies and och Toss Cookies Toss Cookies : :
View the cookies stored by the current page (using the first link). Se cookies lagras av den aktuella sidan (med den första länken). Then toss the cookies that you wish to, by using the second link. Då kastar de cookies som du vill, genom att använda den andra länken. - NetCraft Netcraft : :
Tells you server details of a site and displays uptime graph. Anger server information om en webbplats och visar upptid diagram. - Replace with Alternate Text Ersätt med Alternativ text : :
Useful to check for images that do not have alt tags. Användbara för att leta efter bilder som saknar alt-taggar. The downside is that it removes only <img> tags, leaving intact buttons and images created using CSS or sprites. Nackdelen är att det bara tar bort <img> taggar, förblir oförändrade knappar och bilder som skapats med CSS eller sprites. - Alexa Snapshot Lookup Alexa Snapshot Lookup : :
Look up your website details and snapshot at Alexa, a popular web metrics website. Slå upp din webbplats information och bild på Alexa, en populär web metrics webbplats. - Whois Lookup Whois Lookup : :
Lookup the WhoIs of the domain you are on. Lookup Whois av den domän som du är på. - Edit current website Redigera aktuell webbplats : :
Edit the current page – add text, delete text, move web elements around etc. – all without the need for any other extension. Redigera den aktuella sidan - lägg till text, radera text, flytta webb element runt etc. - allt utan behov av någon annan förlängning. - Search selected text in Google Sök markerad text i Google : :
Although not strictly related to web design/development, Google searches can be useful to look up various terms and techniques in presentation and scripting languages. Även om inte strikt samband med webbdesign / utveckling, Google-sökningar kan vara bra att söka upp olika begrepp och tekniker inom presentation och skriptspråk. - Image Drag Bild Drag : :
Drag and rearrange images seamlessly from within a page. Dra och ordna bilder sömlöst inifrån en sida. - Grab screenshot Grab screenshot : :
Grab a screenshot of the page that you are viewing, without using any other installed application. Hugg en skärmdump av sidan som du tittar på, utan att använda några andra installerade program. - Color List Listan Färg ( ( use this använda instead for IE): istället för IE):
Lists colors used in the current webpage. Listor färger som används i den aktuella webbsidan.
Further Bookmarklet resources Ytterligare Bookmarklet resurser
You might also want to read through these collections of bookmarklets: Du kanske också vill läsa igenom dessa samlingar av bookmarklets:
- WebDev at Squarefree Webdev på Squarefree : :
A large collection of bookmarklets useful for web designers and developers. En stor samling av bookmarklets användbart för webbdesigners och utvecklare. Maintained by Jesse Ruderman. Underhålls av Jesse Ruderman. - Useful bookmarklets for casual web users Användbara bookmarklets for casual webbanvändare : :
A guest post that I wrote on DailyApps.net. En gäst inlägg som jag skrev på DailyApps.net. It lists useful bookmarklets for everyone. Den listar användbara bookmarklets för alla. Most of them speed up or automate commonly used tasks, which no doubt helps designers and devs too. De flesta av dem påskynda eller automatisera vanliga uppgifter, vilket säkert hjälper konstruktörer och devs också.
As is usual with my resource posts, this list will be continuously updated as recommendations come in. Som vanligt med min resurs inlägg, kommer denna lista uppdateras kontinuerligt som rekommendationer kommer in Contact us Kontakt to recommend bookmarklets. att rekommendera bookmarklets. Tell us what are your favorite bookmarklets – for web development or otherwise – I'm sure we can all benefit from new bookmarklets shared by others. Berätta för oss vad är dina favorit bookmarklets - för webbutveckling eller på annat sätt - jag är säker på att vi alla kan dra nytta av nya bookmarklets delas av andra.
Hello buddy!! Hello buddy! i want to say that short but sweet link,you should also add differ browser list in which one can test his/her website by the way its good that you share it with us.Have a good day. Jag vill säga att korta men söt länken bör du också lägga till olika webbläsare lista där man kan testa sin webbplats genom det sätt på vilket bra att du delar det med us.Have en bra dag.
God bless you. Gud välsigne dig. Punne4e Punne4e
I find Jag tycker https://www.squarefree.com/bookmarklets/webdevel.html#test_styles https: / / www.squarefree.com / bookmarklets / webdevel.html # test_styles invaluable – I'll create a HTML document, and then using that bookmarklet I can shape the stylesheet in realtime. ovärderlig - Jag ska skapa ett HTML-dokument och sedan använda det bookmarklet jag kan forma formatmallen i realtid. It's also very handy for writing user stylesheets. Det är också väldigt användbart för att skriva user stilmallar.
This is pretty good, for those who are forced to do some work on the fly Det är ganska bra, för dem som tvingas jobba lite på fluga
@Nick Z: Excellent suggestion about style testing bookmarklet, will update the post soon. @ Nick Z: Utmärkt förslag om stil testa bookmarklet, kommer att uppdatera posten snart.
Hi Sumesh, I just came across your blog. Hej Sumesh, jag kom precis på din blogg. Good work. Good work. Keep it up. Keep it up. Will try to read all your future posts. Kommer att försöka läsa alla dina kommande inlägg.
Just saw how useful these shortcuts can be in a post by QQT, bookmarked for future uses Just såg hur användbara dessa genvägar kan vara i ett inlägg från QQT, bokmärkt för framtida användning
The “Edit current website” is a nice bookmarklet, but lacks what the “Live Website Editor” bookmarklet has to offer. "Redigera aktuell webbplats" är en trevlig bookmarklet, men saknar det "Live Website Editor" bookmarklet har att erbjuda.
Among other things, it can persist the modifications made to any webpages (at least it's its purpose). Bland annat kan det finnas kvar de ändringar som gjorts några webbsidor (åtminstone det sitt syfte).
You can find it here: Du hittar den här: http://code.google.com/p/lwe/ http://code.google.com/p/lwe/
It's still in an early version but it works on most of the websites. Det är fortfarande i en tidig version men det fungerar på de flesta av webbplatserna.
Cheers Skål
@Arnaud L: @ Arnaud L:
That's a useful bookmarklet, and being persistent would likely be useful for many more web users. Det är en nyttig bookmarklet, och är beständiga skulle sannolikt vara till nytta för många fler webbanvändare. I will post the bookmarklet in a future post rounding up more useful bookmarklets – so thanks for the recommendation. Jag kommer lägga upp bookmarklet i en framtida post avrundning mer användbar bookmarklets - så tack för rekommendationen.