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

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

new-bookmark.gif
Resize Не трудно, думаю, догадаться, меняет размеры окна на 1024 х 768
Другие (если надо): 800×600 , 1152×864 , 1280×1024
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;
}

bookmark-toolbar.gif

Ну а теперь самое “вкусное” – подборка 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-ов. “Хардкорность”, для меня, заключается в полезности и частоте использования.

layout-grid.gif Andy Budd’s Layout Grid Bookmarklet

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

XRAY: look beneath the skin

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

xray-1.gif

- 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-ов и т.д.

Related Posts Plugin for WordPress, Blogger...
Share this:
Hey, check this out! You can leave a comment & follow responses via RSS 2.0 feed, or trackback this post from your site, k3wl, huh?


13 Responses

  1. vestel vestel Aug 28, 2008
    10:54 am
    #1

    XRay хорош, но я все тоже делаю FireBug-ом, все равно он у меня стоит для отладки JS

    А самый наверное используемый мной BookMarklet это b23.ru (сокращалка для ссылок с историей и статистикой) и Add to Amazon WishList

  2. Hairgel_Addict Hairgel_Addict Aug 28, 2008
    10:58 am
    #2

    firebug не показывает ширину и высоту элементов, если они не прописаны

  3. vestel vestel Sep 16, 2008
    19:02 pm
    #3

    Кажет, кажет. Надо просто знать где искать вкладку layout (в правом меню рядом с кодом инспекта), он еще и прикольные полосочки рисует, чтобы посмотреть совмещение с другими элементами на странице…

    Кстати, огроменное спасибо за пост, я чуть не убился верстать кое-что тут под 6ой ишак, но XRay свел насилие над разумом к миниму…

  4. Hairgel_Addict Hairgel_Addict Sep 17, 2008
    11:04 am
    #4

    обращайся, если что, в будущем в скайпе… я большую часть выеживаний ишаков уже, думаю, знаю :giggle: :shades:

  5. AdamBast Dec 21, 2010
    10:33 am
    #5

    Question: Is there a way to include ‘linkify’ and ‘remove redirect’ into the UserChrome.css or UserChrome.js or anywhere so I don’t have to click all the time when I want to use them? I’ve been experimenting with them to no avail, so any suggestions are welcome.

    Yeah, I know that there are firefox extensions for both of them, but I don’t want to install any more eytensions that I already have.

  6. Hairgel_Addict Hairgel_Addict Dec 21, 2010
    14:56 pm
    #6

    #5 A quick google search returned: http://www.squarefree.com/2005/05/16/bookmarklets-to-user-scripts/, but it requires Greasemonkey. Haven’t tested it myself, so no guarantees…

    P.S.: I’m only guessing here, but I think running both those scripts each time a page loads might slow down the loading, especially if a page is quite long, ‘cos both scripts ‘scan’ entire page..

  7. AdamBast Dec 21, 2010
    18:04 pm
    #7

    Tx, I ran into greasemonkey during my searches too, it seems that it’s the only way. Maybe I’ll try it.

  8. Hairgel_Addict Hairgel_Addict Dec 21, 2010
    20:08 pm
    #8

    #7 If you have some knowledge of javascript, you could probably try installing Greasemonkey, then get that “bookmarklets to user scripts” script, convert those two bookmarklets and copy the result into separate file, so you can edit it to make sure there are no conflicting variables. After all that try putting the whole thing into UserChrome.js, disable the Greasemonkey and see if it works :grin2:

  9. AdamBast Dec 26, 2010
    09:59 am
    #9

    Nah, that’s too much for me. Tx anyway.

  10. AdamBast Dec 31, 2010
    20:03 pm
    #10

    If I linkify a page, and click the link, does it show up in Google analytics as a referral or direct hit?
    It should appear as referral, doesn’t it?
    Just asking.

  11. Hairgel_Addict Hairgel_Addict Jan 3, 2011
    19:28 pm
    #11

    No idea what it does with Google links :dunno:

Add Comment

ShowHide Smilies
 

 

Bookmark and Share