Bookmarklets: from Simple Ones to Real Hardcore

Долго лежал этот пост в draft-ах.. все никак дописать не мог..

—

Bookmarklet, в двух словах, это JavaScript, который прописываеться в поле “Location” у Bookmark-a или вместо адреса внутри тэга <a>, и который выполняет какое-то одно действие. Но это лично моё “понимание” того, что они такое. http://en.wikipedia.org/wiki/Bookmarklet - там, впринципе, тоже самое написано.

Resize

Не трудно, думаю, догадаться, меняет размеры окна на 1024 х 768

Другие (если надо): 800×600 , 1152×864 , 1280×1024

HDTV: 1280×960 , 1280×1024 , 1600×900 , 1600×1050

Resize to… - универсальный resize boolmarklet.

* Эти bookmarklet-ы работают только при default-ном значении для “dom.disable_window_move_resize” - “false”

Как сохранять bookmarklets?

1. Просто "перетянув" в "Bookmark Toolbar" (Left click & Hold -> Move to Bookmark Toolbar & Release) 2. Right click -> Bookmark This Link…

Почему именно “Bookmark Toolbar”? Потому что так ими удобней всего пользоваться. По крайне мере, мне так удобней всего. Когда что-то надо - делаю toolbar видимым, когда нет в них надобности - прячу.

Если еще и Stylish установлен, то можно еще больше облегчить работу с ними:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); #bookmarks-ptf .toolbarbutton-icon { display: none !important; } #bookmarks-ptf .toolbarbutton-text { font-family: Tahoma !important; font-size: 10px !important; }

Ну а теперь самое “вкусное” - подборка bookmarklet-ов, которым сам пользуюсь, и ссылки, где можно еще много найти.

Links & URLs

Linkify	Make all plain-text URL’s into hyperlinks.
Remove Redirects	Changes redirecting links to go directly to the “real” target. http://example.com/redir.cgi?to=http://example.net/ -> to http://example.net/
Increment	Increases the last number in the URL by 1.
Decrement	Decreases the last number in the URL by 1.
Up	Goes up a directory from the page you’re viewing.
Top	Goes to the top level of the site.
Hide Visited	Removes all hyperlinks that you have already visited on a site.
Target: _self	Makes links open in the same window.

Text, Data & Other

zoom images in	Doubles the size of each image on the page.
zoom images out	Halves the size of each image on the page.
Disable Stylesheets	Disables all style sheets.
Allow Right click	Re-enables right mouse click, if it’s disabled (page to test on).
Display Images	Shows all images on page.
Screen Size	Show Inner, Outer sizes of browser’s window and current screen resolution.

Layout Grid Bookmarklet

Первый из “харкорных” bookmarklet-ов. “Хардкорность”, для меня, заключается в полезности и частоте использования.

Andy Budd’s Layout Grid Bookmarklet

Разметочная сетка - очень удобно, по моему. На странице с описанием имеются несколько версий этого bookmarklet-a: Обычный (ставит background-ом картинку с сеткой), поверх всего, фиксированный и универсальный (вкл./выкл.).

XRAY: look beneath the skin

Самый любимый и самый полезный, для меня, как web developer-a, bookmarklet. Что делает? Показывает “box model” информацию любого элемента на странице:

- HTML тэг (element)
- id, class
- Иерархическую зависимость внутри HTML-а
- width, height
- margin, padding и т.д.

Bookmarklets’ Sites & Collections

Сайты, откуда я взял примеры выше.

Bookmarklets.com - simple tools that extend the surf and search capabilities of Firefox and Explorer web browsers. Over 150 bookmarklets are available.

Jesse’s Bookmarklets Site - довольно большая коллекция bookmarklet-ов. Большинство тех, что пригодились мне лично, именно оттуда.

Gate2.net Bookmarklets - тоже довольно много всяких разных bookmarklet-ов (General Info, How to use it, Search, User Tools, Developer, Links)

MVPS.org Bookmarklets (Favelets) - подробное описание, ссылки на другие сайты и ресурсы, уроки по созданию своих bookmarklet-ов и т.д.

Crossposted from: LOLEG.com. You can comment here or there.

Дата публикации: Friday, August 22nd, 2008, 12:52
Автор: Hairgel_Addict
Разделы: Firefox, Software, Utilities, Web
Лента коментариев: RSS 2.0

Схожие по тематике заметки: