Oc-windows.ru

IT Новости из мира ПК
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

10 полезных расширений Google Chrome для разработчиков и дизайнеров

10 полезных расширений Google Chrome для разработчиков и дизайнеров

Превращать макет в готовую веб-страницу сложно. Сделать процесс чуть менее болезненным помогут эти расширения для веб-разработчиков. Дизайнерам они тоже будут полезны — например, с их помощью можно находить новые идеи на уже работающих сайтах.

ColorZilla

Понравился цвет на другом сайте или хотите проверить, тот ли оттенок взяли из макета? Включите расширение ColorZilla и посмотрите подробную информацию о цвете любого элемента на странице.

Расширение для веб-разработчика ColorZilla

Можно сразу скопировать нужный цвет

WhatFont

Часто в макетах используются несколько начертаний или разные шрифты. Чтобы не выискивать свойства в коде, установите WhatFont и проверяйте шрифты прямо в браузере.

Расширение WhatFont

Удобное окно с характеристиками шрифта

CSSViewer

CSSViewer — отличное расширение для исследования CSS-свойств элементов. Включите его, наведите курсор на нужный объект и посмотрите подробное описание стилей.

Расширение CSSViewer

Подробное описание элемента

Code Cola

Если вы хотите не только видеть, но и быстро менять стили, установите расширение Code Cola. С его помощью можно изменить внешний вид любого элемента прямо в браузере.

Расширения для веб разработчика CodeCola

Изменения сохраняются, для перезагрузки страницы требуется подтверждение

Windows Resizer

Простой инструмент для изменения размеров окна и вьюпорта. Можно выбрать разрешение из списка или задать свои параметры. В параметрах расширения доступны настройка горячих клавиш и создание пресетов для тестирования. Для удобства можно вывести Windows Resizer как всплывающее окно.

Расширение Windows Resizer

Пресеты для тестирования адаптивности

PerfectPixel

PerfectPixel накладывает изображение макета поверх вёрстки в браузере. Это позволяет подогнать страницу с точностью до нескольких пикселей. В настройках расширения регулируются прозрачность и расположение изображения макета.

Расширение PerfectPixel

Можно наложить любое изображение

PageLiner

В паре с PerfectPixel отлично работает расширение PageLiner. С его помощью вы добавите в окно браузера горизонтальные и вертикальные линии — прямо как в графическом редакторе.

Расширение PageLiner

Удобно равнять элементы интерфейса по линиям

Siteimprove Accessibility Checker

Siteimprove Accessibility Checker помогает убедиться в том, что HTML соответствует стандартам доступности — то есть вашей странице могут пользоваться люди с разными возможностями и ограничениями.

Подробнее о доступности и способах её проверки можно узнать из этой статьи.

Расширение Siteimprove Accessibility Checker

Быстрая проверка доступности страницы

Wappalyzer

Увидели классный сайт и захотели повторить отдельные фишки в своём проекте? Узнайте с помощью Wappalyzer, какие технологии, фреймворки и библиотеки для этого нужны.

Расширение Wappalayzer

Вся информация представлена в виде удобной таблицы

Web Developer

Мощное расширение, с помощью которого можно отключать CSS и JavaScript, удалять изображения, проверять валидность HTML и CSS, изменять стили, тестировать формы, смотреть мета-теги, изменять размер окна браузера. В принципе, Web Developer способен заменить практически все указанные выше расширения вместе взятые. Вопрос только в удобстве.

Расширение Web Developer

Все необходимые инструменты на одной панели

Если вы используете другие расширения для веб-разработчиков, расскажите о них в комментариях. Будем обмениваться полезным опытом.

Хинт для программистов: если зарегистрируетесь на соревнования Huawei Cup, то бесплатно получите доступ к онлайн-школе для участников. Можно прокачаться по разным навыкам и выиграть призы в самом соревновании.

Перейти к регистрации

Как напрямую изменить файл расширения Google Chrome? (.CRX и)

Я не уверен, на каких языках эти расширения, я думаю, написаны в Html, Javascript или JSON. Насколько я знаю, они «сжаты» в a .Файл CRX.

можно напрямую изменить html, js, json расширения Chrome (или любой язык, который они используют)?

10 ответов

Я искал его в Google, и я нашел это:

тип файла расширения Google Chrome-CRX. Это по существу формат сжатия. Поэтому, если вы хотите увидеть, что стоит за расширением, скриптами и кодом, просто измените тип файла с «CRX» на «ZIP» .

распакуйте файл, и вы получите всю необходимую информацию. Таким образом, вы можете увидеть кишки, узнать, как написать расширение самостоятельно или изменить его для своих нужд.

затем вы можете упаковать его обратно с помощью внутренних инструментов Chrome, которые автоматически создают файл обратно в CRX. Устанавливая ее просто необходимо.

установленные каталоги расширений Chrome перечислены ниже:

скопируйте папку расширения, которое вы хотите изменить. ( Названы по ID расширения, чтобы найти идентификатор расширения, перейти к chrome://extensions/ ). После копирования необходимо удалить папку _metadata.

С chrome://extensions на режим разработчика выберите Загрузить распакованное расширение. и выберите скопированную папку расширения, если она содержит подпапка это называется версией, выберите эту папку версии, где есть файл манифеста, этот файл необходим для Chrome.

внесите изменения, а затем выберите перезагрузить и обновить страницу для расширения, чтобы увидеть изменения.

каталоги расширений Chrome

подписанный CRX файл имеет заголовок, который заставит большинство/все unzippers блевать. Это не самый простой способ сделать это, но вот как это сделать из командной строки bash.

основная идея состоит в том, чтобы найти, где начинается исходный неподписанный zipfile, а затем скопировать файл CRX в zip-файл, но исключить заголовок CRX.

  1. hexdump -C the_extension.crx | more
  2. посмотрите на выходе для начала zip-файла, который является ASCII-байтами «PK». В образце, который я пробовал, ПК был при смещении 0x132. (Читая спецификацию CRX, я думаю, что это число будет варьироваться от файла к файлу из-за разной длины подписи. Это число мы будем использовать на следующем этапе.
  3. dd if=the_extension.crx of=the_extension.zip bs=1 skip=0x132 (для параметра skip замените смещение, найденное на предыдущем шаге.)
  4. теперь распаковать .zip, который вы только что создали.
  5. поиграйте с файлами в распакованном каталоге, затем установите расширение без знака / распаковки в установку Chrome или иначе переупакуйте его так же, как и любое другое расширение Chrome.
Читать еще:  Скачать драйвера для GTS 250

Я уверен, что есть более лаконичный способ сделать это. Эксперты Bash, пожалуйста, улучшите мой ответ.

обратите внимание, что некоторые zip-программы имеют проблемы с распаковкой CRX, как описано сатишем — если это так, попробуйте использовать 7-Zip -http://www.7-zip.org/

Я прочитал другие ответы и счел важным отметить несколько вещей:

1.) Для пользователей Mac: при нажатии кнопки » Загрузить распакованное расширение. «, папка библиотеки по умолчанию скрыта и (даже если опция Показать скрытые файлы включена на вашем Mac) она может не отображаться в окне finder Chrome.

2.) Подпапка, содержащая расширение, является случайной буквенно-цифровой строкой, названной в честь идентификатора расширения, который можно найти в расширении Chrome страница разработчика, если флаг имеет значение true. (Верхний правый флажок на странице расширений)

(уже сказал) я узнал об этом, делая некоторые темы Chrome (которые давно прошли. :- P)

темы Chrome, расширений и т. д. это просто сжатые файлы. Get 7-zip или в WinRAR распаковать ее. Каждое расширение/тема имеет манифест.файл json. Откройте манифест.файл JSON в блокноте. Затем, если вы знаете код, измените код. Будут и другие файлы. Если вы посмотрите в файле манифеста, вы можете понять, для чего они предназначены. Тогда ты сможешь все изменить.

.CRX файлы похожи .ZIP-файлы, просто измените расширение и щелкните правой кнопкой мыши > извлечь файлы, и все готово.

после того, как вы извлекли файлы —> изменить их и добавить в zip и изменить расширение обратно .что CRX.

другой способ — > открыть Chrome — > настройки -> расширения -> включить параметры разработчика -> Загрузить распакованное расширение (измененная папка извлеченных файлов), а затем нажмите кнопку пакет расширения.

теперь Chrome многопользовательский так Extensions должен быть вложен в профиль пользователя ОС, а затем Профиль пользователя Chrome, мой первый пользователь Chrome был вызван Profile 1 мой Extensions путь C:Users username AppDataLocalGoogleChromeUser Data Profile 1 Extensions .

чтобы найти ваш перейдите к chrome://version/ (я использую about: из-за лени).

уведомления Profile Path и просто добавить Extensions и у вас есть свой.

надеюсь, что это приносит эту информацию по этому вопросу в актуальном состоянии больше.

Если вы установили портативную версию Chrome или установили ее в пользовательский каталог — расширения не будут доступны в каталоге, указанном в приведенных выше ответах.

попробуйте щелкнуть правой кнопкой мыши на ярлыке Chrome и проверить каталог «Target». Оттуда перейдите в один каталог выше, и вы сможете увидеть User Data папка, а затем может использовать ответы, упомянутые выше

можно изменить код .Расширение CRX, потому что это просто .zip-архив. Вы можете загрузить расширение, извлечь его исходный код, изменить его (протестировать и отладить его, как он на вашей стороне) и упаковать обратно .Файл CRX.

я погуглил этот инструмент, чтобы просто скачать .Расширение CRX и извлечь исходный код и он работал для меня: http://crxextractor.com

все, что он делает, это анализирует .CRX формат файла и извлекает фактические .застежка-молния содержит исходный код.

7 расширений для Google Chrome, касаемых YouTube

Ни для кого не секрет, что YouTube является королём видеоуслуг в Интернете. Сегодня рассмотрим существующие огрехи сервиса YouTube, которые Google почему-то до сих пор не устранил. Но сторонние разработчики не дремлют и стараются предоставить расширения для браузеров, которые ликвидируют недоставки YouTube.

Возьмем для примера случай, когда при просмотре видео Вам вдруг понадобилось найти другое видео на аналогичную тему. При этом YouTube прекратит воспроизведение текущего ролика и откроет результаты поиска. А вдруг нам и ролики из поиска не понравятся, так что же теперь каждый раз ожидать окончания очередного ролика, чтобы заново открыть поиск?! Ситуация нелепая. Можно конечно открыть результаты поиска в новой вкладке или новом окне, но если экран не позволяет комфортно развернуть два окна браузера, тогда что делать?!

Сейчас узнаем как устранить эту и другие проблемы и исправить косяки YouTube с помощью расширений для Google Chrome.

Поиск видео без остановки воспроизведения

Для устранения вышеупомянутой проблемы, связанной с поиском нового видео разработчик darajava сделал расширение под названием QueueTube. Установив данные расширение, Вы смело можете использовать панель поиска, чтобы найти что-то новое, даже во время воспроизведения текущего видео, которое никуда не исчезнет и даже не остановится.

QueueTube для Google Chrome

Результаты поиска будут отражаться справа в браузере, где обычно располагаются похожие видео. Если Вам захочется воспроизвести какое-либо из них, поставьте его в очередь, нажав на кнопку Add to queue. Добавленное видео будет автоматически проиграно после окончания текущего видео.

Таким образом Вы сможете смотреть видео без перерыва и одновременно искать то что Вам захочется. Советую попробовать это расширение.

Установить расширение: QueueTube для Google Chrome

Стоп автовоспроизведения при открытии видео

Когда Вы нажимаете на ссылку в поисковике, ведущую на YouTube или на самом YouTube открываете видео в новой вкладке, видео начинает тут же воспроизводится. Автоматическое воспроизведение нового видео — один из самых раздражающих косяков на YouTube, для тех кто часто пользуется сервисом. Безусловно, лучше нажать кнопку воспроизведения самостоятельно, чем переходить на вкладку с видео и останавливать его проигрывание, особенно когда Вы просто открыли интересное видео, чтобы посмотреть его потом.

Читать еще:  d3dx9_38.dll скачать бесплатно

Расширение Stop Autoplay для YouTube, как следует из его названия, предотвращает автоматическое воспроизведение. Пока Вы сами не нажмёте кнопку Play видео не начнёт проигрываться.

Stop Autoplay для YouTube

Так же имеется расширенная версия Stop Autoplay для YouTube, которая приостанавливает воспроизведение, пока активна другая вкладка Google Chrome. Как только вкладка c видео станет активна, начнётся автоматическое воспроизведение.

Какое из расширений установить, выбирать только Вам. Меня устраивает и обычная (не расширенная версия Stop Autoplay).

Установить расширение: Stop Autoplay YouTube для Google Chrome

Установить расширение: Stop Autoplay YouTube Extended для Google Chrome

Автоматически приостанавливать воспроизведение при переключении на новую вкладку

Современные браузеры могут создавать бесконечное количество вкладок, на каждой из которых может быть открыта страница с youtube видео. И если видео не остановить самостоятельно, то все открытые вкладки будут пытаться перекричать друг друга, создавая очень докучающий шум.

Smart Pause для YouTube

Расширение Smart Pause для YouTube обнаружит, что Вы больше не смотрите видео, и автоматически остановит его, когда вкладка с видео перестанет быть активной. Таким образом, Вы не пропустите ни секунды каждого открытого видео в разных вкладках браузера. Теперь после того как Вы досмотрите видео на одной вкладке, переключаетесь на следующую и смотрите следующее видео.

Принцип работы этого расширения схож с Stop Autoplay YouTube Extended.

Установить расширение: Smart Pause YouTube для Google Chrome

Посмотрите видео, не открывая новой вкладки

Когда Вы просматриваете Instagram или Twitter или другую социальную сеть, Вы можете встретить ссылку на YouTube. Чтобы посмотреть видео по ссылке, нужно нажать на неё, открыть в другом окне или вкладке. Но есть и другой способ воспроизвести видео.

Установите HoverCards и Вы сможете просто навести курсор на ссылку, чтобы открыть видео в окне предварительного просмотра.

HoverCards

На самом деле HoverCards работает практически для всех медиа ссылок: RuTube, Vimeo и другие. Даже в соц. сетях это расширение позволяет не открывать фотки в Instagram, а просто навести на них мышь и увидеть картинку в полном размере.

Установить расширение: HoverCards для Google Chrome

Показ видео с YouTube в отдельном окне

Если Вас не устраивает каким образом масштабируется видео YouTube на Вашем мониторе, то расширение Sideplayer покажет любое видео YouTube во всплывающем окне, размеры которого Вы сможете задать сами. Просто потяните за левый нижни угол окна настолько на сколько захотите.

Sideplayer для YouTube

Отрегулируйте непрозрачность Sideplayer в случае, если хотите видеть то, что находится под видео.

Видео будет оставаться на поверх всех вкладок, так что можете переключаться между вкладками Chrome.

Сам Sideplayer включает в себя небольшую панель основных действий воспроизведения видео с YouTube. Вы можете ускорить или замедлить скорость видео, настроить качество и автовоспроизведение.

Установить расширение: Sideplayer для Google Chrome

Блокировка нежелательных каналов и видео

Если Вы хотите, чтобы на главной странице YouTube не показывались лишние и неинтересные для Вас каналы, то Video Blocker — это простой способ избавиться от них.

Расширение Video Blocker поможет блокировать видео с нежелательным заголовком, который содержит запрещающее ключевое слово или фразу.

Video Blocker

Video Blocker довольно прост в использовании. Установите расширение и задайте стоп-слова для заголовков, выражений или каналов и все найденные видео будут удалены.

Установить расширение: Video Blocker для Chrome

Одно расширение — десять возможностей

Мы рассмотрели выше расширения для Google Chrome, каждое из которых выполняет одну какую-то конкретную задачу: остановку автовоспроизведения, автоматическую постановку на паузу, поиск в том же окне без остановки видео и так далее.

YouTube Plus

Расширение YouTube Plus представляет собой «швейцарский нож», который обладает несколькими полезными функциями сразу. YouTube Plus включает в себя автовоспроизведение видео, автоматический повтор видео, открытие миниатюры видео, скриншот видео, видео во всплывающем окне, режим кинотеатра и кадр за кадром.

Очень советую установить такой полезное расширение для Google Chrome,

Установить расширение: YouTube Plus для Chrome

А какими расширения для Chrome пользуетесь Вы? Поделитесь хорошими расширениями в комментариях.

11 отличных расширений Chrome для студентов

В наборе технических инструментов студента расширения Chrome могут стать бесценным игроком, расширяя возможности браузера, позволяя делать все, от проверки грамматики до отвлекающих факторов.

Вот несколько рекомендованных экспертами расширений Chrome для студентов.

RescueTime

RescueTime, также отличное приложение для iOS и Android, сообщает учащимся, сколько именно времени они проводят в активной вкладке или окне Chrome или устройства ChromeOS. Он классифицирует сайты, которые они посещают, и оценивает их от очень продуктивных до очень отвлекающих. «Он отслеживает то, что вы делаете, и блокирует сайты, к которым вы не хотите получать доступ, чтобы не отвлекать вас», – сказала Кристин Эльгерсма, бывший преподаватель и старший редактор социальных сетей и учебных ресурсов в Common Sense Media, котораяоценил расширения Chrome для студентов.

Читать еще:  Как купить пакет объявлений на Авито

Work Mode – Block ALL Social Media URL Block – Режим работы

Если вашему ребенку сложно избегать социальных сетей, когда ему следует учиться, Режим работыможет быть ответом. По словам Эльгерсмы, этот блокирует все социальные сети. Итак, больше никаких бездумных прокруток в Instagram во время виртуального урока английского языка.

DayBoard

DayBoard, новая вкладка и блокировщик веб-сайтов, позволяет учащимся определять свои приоритеты на день и затрудняет откладывание на потом. «Вы можете создать свой собственный список дел из пяти дел на день», – сказал Эльгерсма. «Каждый раз, когда вы открываете вкладку, она будет напоминать вам… вы открываете Facebook, вот что вы хотели сделать». И тогда, надеюсь, они вернутся в нужное русло.

Screencastify

По словам Эльгерсма, Screencastify пользуется популярностью среди учителей, но может быть полезен и для студентов. Это пригодится студентам старшего возраста, особенно тем, которым часто назначают презентации. С его помощью студенты могут записывать свой экран, лицо и голос и делать такие вещи, какрассказывать слайд-шоу, произносить речь или дублировать видео.

Just Read – Только что прочитал

Just Read, программа для чтения, избавляется от рекламы, всплывающих окон и комментариев с веб-страниц, поэтому, когда студенту нужно провести какое-то исследование, он не отвлечется на кликбейт. «Это избавит вас от всего этого бизнеса, поэтому работа в сети будет меньше отвлекать», – сказал Эльгерсма.

Корректор грамматики и орфографии — LanguageTool

Мощное расширение, полезное для всех, кто пишет, Грамматика проверяет орфографию и грамматику, чтобы сочинения и задания были безупречными при сдаче. Он также поддерживает 25 других языков, включая испанский, французский, немецкий и итальянский, некоторые из наиболее популярных иностранных языков, изучаемых американскими студентами.

InsertLearning

Учителя часто используют InsertLearningдля добавления вопросов или заметок для студентов на веб-сайт. Но это также отличное дополнение для студентов, – сказал Эльгерсма. «Дети могут использовать его на веб-страницах, чтобы сделать их более интерактивными», – сказала она. Например, когда они работают над проектом, они могут добавлять аннотации и цифровые стикеры на веб-страницы во время исследования.

Save to Pocket

Сохраните содержимое закладок в кармане и может быть важным инструментом для студентов, которые работают над проектом и пытаются каталогизировать исследования и контент, найденные в Интернете. С Pocket они могут хранить все это в одном месте, помечать его по теме и читать позже.

«Если студент собирает информацию по теме, он, она, они могут легко пометить ее в своем кармане, и они также могут легко поделиться ею из кармана», – сказал Тодд Чернер, директор магистра искусств в области образовательных инноваций., технологии и предпринимательство в Университете Северной Каролины в Чапел-Хилл и соучредитель Обзор приложения Ed, который рассматривает приложения для преподавателей.

Hypothesis – Web & PDF Annotation

Гипотеза позволяет пользователям комментировать и выделять информацию на веб-страницах для личного использования, для обмена с исследовательской группой или для публикации в открытом доступе. Он популярен среди учителей, но студенты тоже могут им пользоваться. «Если бы я был ограничен очень небольшим количеством образовательных технологий, Hypothesis попал бы в мой короткий список», – сказал Чернер. «Я добился большого успеха с ним на 98% веб-сайтов, с которыми я пытался его использовать. Хороший инструмент ».

StayFocusd

StayFocusd – еще одно расширение производительности, которое блокирует веб-сайты, что позволяет учащимся тратить время зря. “Это действительно настраиваемый”, – сказалЭшли Моррис, бывший учитель и давний репетитор по математике. “Вы можете выбрать время, когда он блокирует данные или блокирует определенные веб-сайты”. Итак, если проблема в Твиттере, студент может попросить StayFocusd выключить приложение, пока пора учиться.

Google переводчик

Когда учащиеся сталкиваются в Интернете со словом, которого они не понимают, с Гугл переводчик, они могут просто дважды щелкнуть слово, и появится всплывающая подсказка с определением. Это избавляет студентов от необходимости открывать другую вкладку, чтобы получить определение (и возможность спуститься в кроличью нору). Он также поддерживает языки помимо английского, включая французский, немецкий, итальянский и испанский.

Noisli

Для детей, которые легко отвлекаются на шум, особенно для тех, кто находится в доме, когда они пытаются делать свои виртуальные школьные задания, Нойслипредлагает решение. Они могут выбирать из множества фоновых звуков, которые помогут им сосредоточиться.

Некоторые приложения предлагают аналогичные возможности, но расширения Chrome имеют большое преимущество – они обычно не встраивают рекламу, как некоторые приложения. Тем не менее, родители и ученики должны обращать внимание на политику конфиденциальности расширений, особенно на те расширения, которые говорят, что отслеживают любые вкладки, которые вы открываете илизапрашивая доступ в Gmail, Документы Google или другие приложения Google, которые вы, возможно, захотите сохранить в тайне.

«Посмотрите, что они на самом деле отслеживают и что хранят», – сказал Эльгерсма. «Если дело в нажатии клавиш, то, вероятно, оно того не стоит. Вы же не хотите жертвовать конфиденциальностью ради блокировки вкладок или чего-то подобного ».

Ссылка на основную публикацию
Adblock
detector
×
×