Subscribe to RSS feed Подписаться на RSS-канал or или follow me Follow Me on Twitter? на Twitter?
Bookmarklets are bookmarks containing snippets of JavaScript code. Bookmarklets такое закладки содержащие фрагменты кода JavaScript. They can be used to accomplish specific tasks. Они могут быть использованы для выполнения конкретных задач. Web developers can quicken several common operations by using bookmarklets. Веб-разработчики могут ускорить несколько общих операций с помощью букмарклеты. Best of all, bookmarklets do not slow down your web browser like extensions do. Лучше всего, букмарклеты не замедляют ваш браузер как расширения. For example, some of these bookmarklets together can effectively substitute the Web Developer Firefox addon (if you crave for them in other browsers). Например, некоторые из этих букмарклеты вместе может эффективно заменить веб-разработчиков Firefox Addon (если вы жаждете для них в других браузерах).
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. Чтобы сохранить эти букмарклеты, просто щелкните правой кнопкой мыши на ссылку для закладки и сохраните его в папку с закладками или перетащить букмарклеты на панель инструментов "Закладки". Исключение: первые три букмарклеты (первых двух элементов списка) являются ссылками на страницы, содержащие букмарклеты, как я нашел их трудно вставлять здесь.
To use a bookmarklet, simply right-click on it and choose “Bookmark Link”. Чтобы использовать закладку, просто нажмите правой кнопкой мыши и выберите "Закладка связь". I would recommend placing them into a folder in the toolbar, so that any bookmarklet can be accessed with 2 clicks. Я бы рекомендовал помещая их в папку на панели инструментов, так что любой закладке можно ознакомиться с 2 клика. I find that to be the least-cluttered and easiest-to-use arrangement. Я считаю, что для наименее суматоху и простой в использовании механизма. Onto the bookmarklets then. На букмарклеты тогда.
- Updated 07 July 2008: Обновлено 07 июля 2008 года:
XRAY XRAY : :
See the box model for any element on web pages. См. поле модель для любого элемента на веб-страницах. - Test Styles Испытание Стили and и Edit Styles Изменить Стили : :
Test Styles gives you a new tab/window to type CSS rules for the original webpage. Испытание Стили дает новой вкладке / окне ввести правила CSS для оригинальной веб-страницы. The styles are applied to the webpage immediately. Стили применяются на веб-страницу сразу. Edit Styles is similar, except that you start with the CSS styles for the page. Изменить стили схожи, кроме того, что вы начинаете с стилей CSS для страницы. [thanks, [Thanks, Nick Nick ] ] - W3C HTML Validator W3C HTML Validator : :
Validate the document that you are currently viewing. Проверка документов, которые вы сейчас просматриваете. Great for on-the-fly validation checks while coding pages. Больш для на-лету проверки достоверности при кодировании страниц. - W3C CSS Validator W3C CSS Validator : :
Validate the CSS of the webpage that you are currently viewing. Проверка CSS, веб-страницы, что вы сейчас просматриваете. Useful for quick checks during CSS coding. Полезно для быстрой проверки при кодировании CSS. - Resize Viewport: Resize Viewport: 800×600 800 × 600 , , 1024×768 1024 × 768 , , 1280×1024 1280 × 1024 and и 1600×1200 1600 × 1200 : :
See how your web page looks like, in different resolutions. Посмотрите, как ваша веб-страница выглядит в различных разрешениях. Quickly switch between 800×600 to 1600×1200, the two extreme resolutions normally considered in web design. Быстрое переключение между 800 × 600 до 1600 × 1200, два крайних резолюции, которые обычно считаются в веб-дизайне. - View Cookies View Cookies and и Toss Cookies Тосс Печенье : :
View the cookies stored by the current page (using the first link). Открыть куки хранятся на текущей странице (с помощью первой ссылке). Then toss the cookies that you wish to, by using the second link. Затем бросить печенье, которое вы хотите, используя вторую ссылку. - NetCraft NetCraft : :
Tells you server details of a site and displays uptime graph. Объясняет сервер Подробная информация о сайте и отображает Uptime графа. - Replace with Alternate Text Заменить Альтернативный текст : :
Useful to check for images that do not have alt tags. Полезно для проверки изображения, которые не имеют Alt метки. The downside is that it removes only <img> tags, leaving intact buttons and images created using CSS or sprites. Недостатком является то, что она удаляет только <img> метки, оставляя нетронутым кнопки и изображения, созданные с помощью CSS или спрайты. - Alexa Snapshot Lookup Alexa Снимок Lookup : :
Look up your website details and snapshot at Alexa, a popular web metrics website. Посмотрите подробности Вашего сайта и снимка на Алекса, метрики популярных веб сайт. - Whois Lookup Whois Lookup : :
Lookup the WhoIs of the domain you are on. Поиск WhoIs области вы находитесь. - Edit current website Изменить текущий сайт : :
Edit the current page – add text, delete text, move web elements around etc. – all without the need for any other extension. Изменить текущую страницу - добавление текста, удаление текста, перемещение веб элементы вокруг т.д. - все это без необходимости какого-либо другого расширения. - Search selected text in Google Поиск выделенного текста в 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. Хотя это и не связаны напрямую с веб-дизайн / Разработка, Google поиск может быть полезна для поиска различных терминов и методы их представления и Языки сценариев. - Image Drag Image Drag : :
Drag and rearrange images seamlessly from within a page. Перетащите и изменить изображение плавно внутри страницы. - Grab screenshot Grab скриншот : :
Grab a screenshot of the page that you are viewing, without using any other installed application. Создания скриншота на этой странице, что вы читаете, без использования других установленных приложений. - Color List Список цветов ( ( use this использовать instead for IE): а для IE):
Lists colors used in the current webpage. Списки цветов, используемых в текущей веб-страницы.
Further Bookmarklet resources Дополнительные ресурсы Bookmarklet
You might also want to read through these collections of bookmarklets: Кроме того, можно читать с помощью этих коллекций букмарклеты:
- WebDev at Squarefree WebDev на Бесквадратное : :
A large collection of bookmarklets useful for web designers and developers. Большая коллекция букмарклеты полезна для веб-дизайнеров и разработчиков. Maintained by Jesse Ruderman. Курируется Джесс Рудерман. - Useful bookmarklets for casual web users Полезная букмарклеты для рядовых пользователей Сети : :
A guest post that I wrote on DailyApps.net. Гость пост, который я написал на DailyApps.net. It lists useful bookmarklets for everyone. В нем перечислены букмарклеты полезно для всех. Most of them speed up or automate commonly used tasks, which no doubt helps designers and devs too. Большинство из них ускорить или автоматизировать часто используемых задач, которые, несомненно, помогает дизайнерам и разработчикам тоже.
As is usual with my resource posts, this list will be continuously updated as recommendations come in. Как обычно, с моей должности ресурса, этот список будет постоянно обновляться по мере Войдите рекомендациях Contact us Связаться с нами to recommend 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. Расскажите нам, что ваш любимый букмарклеты - для разработки веб-либо еще - я уверен, мы все можем выиграть от новых букмарклеты разделяют другие.
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. Я хочу сказать, что короткая, но сладкая ссылке, вы также должны добавить отличаются браузера список, в котором можно проверять свой сайт, а ее хорошо, что вы разделяете его us.Have хороший день.
God bless you. Да благословит вас Бог. Punne4e Punne4e
I find Я нахожу https://www.squarefree.com/bookmarklets/webdevel.html#test_styles HTTPS: / / www.squarefree.com / букмарклеты / webdevel.html # test_styles invaluable – I'll create a HTML document, and then using that bookmarklet I can shape the stylesheet in realtime. бесценен - Я создам документ HTML, а затем используя этот букмарклет я могу форме таблицы стилей в реальном времени. It's also very handy for writing user stylesheets. Это также очень удобно для написания пользовательских стилей.
This is pretty good, for those who are forced to do some work on the fly Это очень хорошая, для тех, кто вынужден проделать определенную работу на лето
@Nick Z: Excellent suggestion about style testing bookmarklet, will update the post soon. Nick @ Z: Отличное предложение о стиле закладка испытаний, будет обновление пост в ближайшее время.
Hi Sumesh, I just came across your blog. Привет Sumesh, я наткнулся на ваш блог. Good work. Хорошая работа. Keep it up. Держите его вверх. Will try to read all your future posts. Попытается читать все ваши будущие должности.
Just saw how useful these shortcuts can be in a post by QQT, bookmarked for future uses Просто увидел, насколько полезны эти ярлыки могут быть в сообщение QQT, выбранных для будущего использования
The “Edit current website” is a nice bookmarklet, but lacks what the “Live Website Editor” bookmarklet has to offer. "Изменить текущий сайт" является Nice инструментом, но ему не хватает, что на "живом редактор сайта" закладка может предложить.
Among other things, it can persist the modifications made to any webpages (at least it's its purpose). Среди прочего, она может сохраняться изменения, внесенные в любой веб-страницы (по крайней мере, это его цель).
You can find it here: Вы можете посмотреть здесь: 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. Он все еще в ранней версии, но она работает на большинстве сайтов.
Cheers Ура
@Arnaud L: Арно @ L:
That's a useful bookmarklet, and being persistent would likely be useful for many more web users. Это полезно инструментом, и быть стойкими, вероятно, будет полезным для многих других пользователей Интернета. I will post the bookmarklet in a future post rounding up more useful bookmarklets – so thanks for the recommendation. Я буду после букмарклет в будущем пост округлением до более полезным букмарклеты - так Спасибо за рекомендацию.