Расширение как сделать


Как сделать расширение для Google Chrome и добавить его в каталог Гугла

Сегодня мы с вами, уважаемые читатели, сделаем расширение для браузера Гугл Хром и разместим его в каталоге приложений Chrome.

Зачем? Хромом по разной статистике пользуется до 33% пользователей сети. Представляете какой это трафик? При этом доступ ко всей этой аудитории стоит всего 5$.

Но начнем с создания приложения. Мы сделаем простой виджет, который выведет заказы с фриланс бирж.

Создаем папку, куда будем размещать наше творение, создадим несколько файлов. Внимание: все текстовые файлы должны быть в кодировке UTF-8.

manifest.json

Содержимое файла:

{ "name": "Работа для фрилансеров: вакансии, заказы", "version": "2.4", "manifest_version": 2, "description": "Интересный сервис для фрилансеров: программистов, копирайтеров, дизайнеров и т.д. Мониторинг фриланс бирж.", "browser_action": { "default_icon": "icon.png", "default_popup": "popup.html" } }

popup.html

Файл в html формате — любой контент. В нашем случае я добавил в айфрейме страницу http://adne.info/f/:

Биржи фрилансеров: заказы, вакансии удалённой работы.

И файл — пиктограмма — картинка для расширения icon.png. Взял подходящую картинку и сделал её размерами 128×128, сохранил в формате png.

Все наше расширение готово. Пакуем в zip архив.

Протестируем? Откроем хром, в адресной строке впишем: chrome://settings/extensions , поставим галочку напротив Режим разработчика, появится кнопка Загрузить распакованное приложение.

Добавим наше приложение. Как видите появилась иконка, нажав на которую откроется окошко с указанной выше страницей. Вы можете попробовать созданное приложени напрямую с Гугла, просто перейдите по ссылке и установите: https://goo.gl/F3WTG6

Теперь давайте поместим наше расширение в каталог приложений для Хрома: это упростит апдейты и позволит выложить ваше творение для огромной аудитории пользователей Хрома.

Заархивируем три созданных ранее файла в zip архив. Полагаю аккаунт в Гугле у вас есть, идем сюда https://chrome.google.com/webstore/developer/dashboard

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

Вам понадобится ещё минимум 2 графических файла — скриншот и рекламная картинка. Все пояснения даны около соответствующих полей. Надо сказать что Гугл постарался над формой добавления расширений, даже неопытный пользователь разберется очень быстро.

Некоторые замечания:

  • При добавлении первого приложения гугл потребует от вас платы в 5$ за услуги. Оплатить можно с карты, у меня это заняло не более 3-х минут. Платить надо один раз, потом со своего ака добавляйте приложения без дополнительной платы.
  • Если будете апдейтить приложение, то в файле manifest.json обязательно исправьте версию, иначе изменения не будут приняты.
  • Если приложение публикуется для тестирование, то для полноценного запуска его придётся добавлять снова.

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

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

Как вы понимаете, можно делать огромное количество различных расширений и получать с них трафик. Verbum sat sapienti.

Подпишитесь на нашу рассылку и получайте то, что не вошло в блог, анонсы и тематические подборки + несколько руководств (сбор подписчиков и продажа информации).

adne.info

Как показать, изменить и скрыть расширение файла в Windows 7

Windows 7, как и предыдущие версии ОС Microsoft, не показывает расширения файлов, зарегистрированных в системе. Это удобно с визуальной точки зрения — имя получается более коротким. Однако когда возникает необходимость узнать тип данных и изменить его, пользователи часто начинают задаваться вопросом, как включить отображение расширения.

Что представляет собой расширение имени и как отобразить его

Расширение имени (тип файла) – это последовательность букв и цифр после точки в названии, необходимая для идентификации контента. Существуют файлы без расширения, но они, как правило, относятся к числу системных.

Тип можно узнать в свойствах файла. Для этого нужно выделить объект, кликнуть по нему правой кнопкой мыши (ПКМ) и выбрать в меню раздел «Свойства».

Далее следует смотреть на пункт «Тип файла». Если объектом является рисунок, система, скорее всего, покажет расширение .jpg.

В разделе «Свойства» можно уточнить расширение файла

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

Например, в Windows 7 по умолчанию картинки воспроизводит программа «Просмотр фотографий Windows». Но ту же функцию могут выполнять Paint, Photoshop и другой софт для работы с изображениями.

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

Зачем нужно менять расширение файла и можно ли сделать это программными средствами Windows

Такая потребность возникает довольно редко. Например, если пользователь скачал файл, который должен иметь архивное расширение (.rar), но вместо него указано .html. Соответственно, документ будет открываться в браузере, а не в WinRAR. Но так как на самом деле объект другого типа, при его запуске появится ошибка. Чтобы решить проблему, приходится менять расширение.

Возможна ситуация, когда придётся внести изменения в файлы типов .cfg и .ini (документы, описывающие параметры приложений). Для этого используют «Блокнот». Чтобы текстовое приложение оказалось способным открыть подобные объекты, нужно поменять их расширения на .txt.

Если пользователь хочет создать прикладные консольные утилиты, используя инструменты Windows, ему следует сам скрипт написать в «Блокноте» или подобной программе. Чтобы запускать текстовый документ как программу, нужно поменять его расширение на .bat. При необходимости внести коррективы — вновь на .txt.

Как настроить Windows 7 так, чтобы видеть расширение

Сделать расширение видимым можно для удобства — тогда пользователю не придётся постоянно заходить в «Свойства». Кроме того, показ типа файлов настраивается ради безопасности. Дело в том, что авторы вирусов часто используют уловку, рассчитанную на невнимательность пользователя.

Пример: из интернета скачан объект с названием File.avi. Расширение как у видеофайла. Но если система не настроена на показ типа, то в названии не должно быть .avi. При отображении расширения станет видно имя объекта полностью — File.avi.exe. Под видео замаскировано исполняемое приложение, которое и является вирусом.

Чтобы ликвидировать угрозу заражения ПК, лучше сделать расширение видимым. Последовательность действий такова:

  1. Через меню «Пуск» открыть «Панель управления».

    Через «Пуск» нужно открыть «Панель управления»

  2. Кликнуть на «Параметры папок».

    Нужные настройки находятся в разделе «Параметры папок»

  3. Если настройки параметров распределены по категориям, поменять режим просмотра на «Крупные значки».

    У пользователя есть возможность увеличить размер значков

  4. В окне «Параметры папок» перейти на вкладку «Вид», найти в списке дополнительных параметров строку «Скрывать расширения для зарегистрированных типов файлов» и снять галочку. Затем подтвердить действия.

    Нужная опция находится в закладке «Вид»

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

Как посмотреть, сменить расширение файла и скрыть его: видео

Как изменить расширение файла

Прежде всего пользователь должен понимать, что, установив другое расширение файла, он не изменит содержимое. Например, если вместо .pdf прописать .doc, то объект не станет документом для Microsoft Word. Конвертация выполняется через специальный софт.

Как включить отображение типа данных с помощью стандартного инструмента

Сначала нужно сделать расширение видимым по тому алгоритму, который был приведён выше. Далее следует действовать так:

  1. Выбрать файл и нажать F2.
  2. Прописать новое расширение. В этом примере изначально объект назывался File.ini. Теперь же — File.txt.

    Чтобы изменить расширение файла, нужно переименовать файл

  3. Подтвердить действия.

    Чтобы изменения вступили в силу, нужно подтвердить свои действия

Как узнать расширение и поменять его через Total Commander

В отличие от предыдущего, этот метод не требует изменения настроек в «Параметрах папок». В качестве примера используется файл инициализации. Нужно:

  1. Выделить файл и нажать F2.

    Файл выбран, теперь нужно переименовать его

  2. Изменить расширение на .txt.

    Расширение файла изменено, осталось нажать Enter

  3. Затем нажать Enter. Теперь файл — простой текстовый документ, который откроется в «Блокноте» и Notepad.

    Теперь файл имеет расширение .txt

Как сделать расширение видимым и переименовать файл с помощью командной строки

Сначала нужно через комбинацию клавиш Win + R запустить инструмент «Выполнить», ввести в строку cmd и нажать OK.

Для дальнейшей работы потребуется Командная строка

Теперь следует перейти к той папке, где находится файл. Команда зависит от местоположения объекта.

  1. Если файл хранится на диске C, то вводится следующее: cd c:\путь_к_файлу. В данном примере: cd c:\Новая папка.

    Команда на тот случай, когда файл находится на диске C

  2. Если объект находится на любом другом диске (в том числе съёмном), то команда такова: cd /d «[диск]:\путь_к_файлу». В этом примере файл содержится на съёмном диске «G»: cd /d «g:\Новая папка».

    Команда на тот случай, если файл находится не на диске C

Теперь папка определена, можно установить новое расширение. Команда одинакова для обоих случаев: ren [имя_файла] [новое_имя_файла]. Например, ren Example.ini Example.txt.

Чтобы поменять расширение сразу нескольких файлов, находящихся в одной папке, нужно перейти к каталогу и ввести команду: ren [*.расширение] [*.новое расширение]. Например, ren *.ini *.txt.

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

  • Автор: Павел Карманов

www.2dsl.ru

Как изменить расширение файла?

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

А вообще для начала давайте разберем, что такое расширение файла? Расширения было придумано для того чтобы можно было определить тип формата файла. У каждого файла свое расширение, оно прибавляется после его названия. Благодаря расширению файла операционная система определяет, какой программой он может быть открыт.

Например, аудио файлы имеют такие расширения как .mp3 .wma и т.д., так вот когда мы пытаемся открыть такие файлы, система сразу понимает что их нужно воспроизвести проигрывателем, который установлен на компьютере по умолчанию. Или при виде расширения.jpg или .gif система понимает, что это изображение и открывает его с помощью программы для просмотра изображения, которая также установлена в системе по умолчанию.

Это ваше дело, почему вы задались вопросом, как поменять расширение файла, я лишь Вам покажу, как это можно сделать в системах Windows 7 и XP.

Изменить расширение файла в Windows 7

Заходим в «Пуск – Панель управления». Теперь вид просмотра выбираем «Мелкие значки» и заходим в «Параметры папок».

В открывшемся окне переходим на вкладку «Вид», опускаемся вниз и убираем галочку с пункта «Скрывать расширения для зарегистрированных типов файлов». Затем сохраняем, нажав кнопку «ОК».

Вот и все! Теперь мы кликаем правой кнопкой мыши по файлу, расширение которого нужно изменить, и в появившемся списке выбираем «Переименовать».

И вот теперь название файла у нас выделено, а дальше идет расширение файла, его можно поменять.

Вот таким образом можно изменить расширение файла в Windows 7. Теперь приступим к XP.

Изменить расширение файла в Windows XP

Поменять расширение файла в Windows XP практически также как и в «Семёрке», но только тут включается отображение расширения не много другим способом. Рассмотрим подробнее.

Заходим в любую папку и в самом верху выбираем меню «Сервис – Свойство папки».

А уже в открывшемся окне делаем все также как и в случае с Windows 7. Переходим на вкладку «Вид» и убираем галочку с пункта «Скрывать расширения для зарегистрированных типов файлов». После того как все готово, сохраняем, нажав кнопку «ОК».

Теперь пробуем изменить расширение, кликаем правой кнопкой по нужному нам файлу и выбираем в появившемся списке «Переименовать».

Всё можно менять расширение!

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

Скачать программу Total Commander

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

Затем также как и в первом и втором случаях кликаем правой кнопкой мыши и выбираем пункт «Переименовать», или просто выделяем файл и нажимаем на клавиатуре клавишу F2.

С левой стороны – у нас название файла, с правой – его расширение.

После внесения изменение нажимаем на клавиатуре клавишу «Enter».

Вот такие есть способы изменить расширение файла, так что пользуйтесь, тем который вам больше по душе!

На этом все, всем пока и до встречи!

Понравилась статья? Поделись с друзьями в Соц. Сетях!

И не забудь оставить комментарий! Это важно!

Интересные статьи по теме:

www.inetkomp.ru

Создание расширения | MDN

Введение

Этот краткий курс касается построения простейшего расширения для Firefox, которое будет добавлять в строку статуса надпись "Hello, World!".

Что нужно знать для начала работы

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

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

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

/myExtension: /install.rdf /components/* /defaults/ /defaults/preferences/*.js /plugins/* /chrome.manifest /chrome/icons/default/* /chrome/ /chrome/content/

Впрочем, в вашем расширении необязательно должны быть все эти папки. Сейчас мы создадим схожий каркас для нашего расширения. Для начала создадим папку для его хранения (напр. C:\extensions\my_extension\ для Windows или ~/extensions/my_extension/ для Unix/Linux). Эта папка будет корневой. Создайте в ней подпапку chrome, а в последней - папку content.

Теперь создайте в корневой папке 2 пустых файла: chrome.manifest и install.rdf.

Итак, сейчас мы имеем такую структуру расширения:

<ext path>/ install.rdf chrome.manifest chrome/ content/

Для облегчения дальнейшей разработки и тестирования рекомендуем настроить Firefox для разработки расширения.

Создание скрипта ("манифеста") установки

Откройте файл install.rdf в текстовом редакторе и поместите в него следующее:

<?xml version="1.0"?> <RDF xmlns="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:em="http://www.mozilla.org/2004/em-rdf#"> <Description about="urn:mozilla:install-manifest"> <em:id>[email protected]</em:id> <em:version>1.0</em:version> <em:type>2</em:type> <!-- Target Application this extension can install into, with minimum and maximum supported versions. --> <em:targetApplication> <Description> <em:id>{ec8030f7-c20a-464f-9b0e-13a3a9e97384}</em:id> <em:minVersion>1.5</em:minVersion> <em:maxVersion>2.0.0.*</em:maxVersion> </Description> </em:targetApplication> <!-- Front End MetaData --> <em:name>sample</em:name> <em:description>A test extension</em:description> <em:creator>Your Name Here</em:creator> <em:homepageURL>http://www.example.com/</em:homepageURL> </Description> </RDF>

Как видите, этот файл имеет вид XML-файла. Полное описание необходимых и возможных параметров есть здесь, сейчас же отметим лишь, что этот файл предназначен для общего описания расширения, например, уникальный идентификатор расширения, его версию, имя, автора, информацию о совместимости и т.п. Назначение многих параметров понятно из их названия. Что необходимо знать сейчас:

  • [email protected] - уникальный идентификатор вашего расширения. Это может быть адрес электронной почты (как здесь) или GUID. Обратите внимание, что адрес может быть несуществующим, главное, чтобы он был уникальным.
  • 2 - указывает, что это именно расширение (связано с тем, что такие же манифесты создаются для тем и плагинов).
  • {ec8030f7-c20a-464f-9b0e-13a3a9e97384} - идентификатор Firefox'а (конечно, он одинаковый для всех расширений).
  • 1.5 - минимальная версия Firefox, с которой будет работать ваше приложение. Обратите внимание, что указать здесь какой-либо номер не значит автоматически сделать расширение работающим с этой версией. Это лишь означает, что вы, как разработчик, утверждаете, что расширение будет работать с ней, а вот будет ли так, зависит только от вас.
  • 2.0.0.* - максимальный номер версии Firefox. * означает, что включаются все версии, имеющие вид 2.0.0.x, где x - любое число.

Расширение браузера с помощью XUL

Интерфейс Firefox написан на XUL и JavaScript. XUL - это язык, основанный на XML. Он отвечает за визуальную часть интерфейса. JavaScript реализует функциональность через привязку к действиям пользователя.

Так как визуально браузер строится на XUL, то, следовательно, он весь представляется в виде XML-файла. Вы можете посмотреть на него (это будет полезно для четкого понимания своих дальнейших действий). Зайдите в папку установки Firefox, откройте там папку chrome. В ней будет browser.jar. Несмотря на расширение, этот файл - обычный zip-архив. Внутри него вы найдете файл content/browser/browser.xul. Открыв его, можно полюбоваться на общую структуру визуальной части браузера. Пусть вас не смущает большое количество непонятных пока строк - во всем разберетесь позже. Собственно, корневым узлом этого XML-файла являетcя элемент window, содержащиеся в нем узлы - это отдельные элементы интерфейса. Например, вы можете найти кнопку обновления страницы (поищите узел с) или пункт меню "Правка" (id="edit-menu").

Так вот, суть расширения интерфейса браузера состоит в том, что мы берем некий узел из браузера, описываем его в своем файле с необходимыми нам изменениями, например, добавляя к нему новые дочерние узлы. Таким образом можно добавить новые кнопки в панель инструментов (или создать новую панель и поместить ее в нужное место), добавить новый пункт меню (как рядом со "Справкой" так и в подменю, скажем, "Инструменты" (Tools)). Это технология называется en:XUL Overlays.

В нашем случае мы добавим новый элемент в строку статуса. В файле browser.xul можно найти узел с. Это и есть строка статуса. В этом узле есть несколько дочерних узлов. Добавим к ним наш, который будет описывать новую панель. Создайте файл, назовите его, скажем, sample.xul и поместите в папку chrome/content. Внесите туда такой код:

<?xml version="1.0"?> <overlay xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <statusbar> <statusbarpanel label="Hello, World"/> </statusbar> </overlay>

Здесь <statusbar> с является "точкой склейки" (merge point), т.е. узлом, который мы намереваемся изменить. <statusbarpanel> - новый виджет, который мы добавляем в <statusbar>.

URI Chrome

XUL-файлы (вроде того, который мы только что создали) загружаются через URI протокола chrome://. Вместо того, чтобы каждый раз определять место установки Firefox'а и загружать файлы через file://, можно загружать их через chrome://, не беспокоясь об их истинном положении на диске.

Так, окно браузера, которое мы недавно просматривали, находится по адресу chrome://browser/content/browser.xul. Можете попробовать ввести его в адресную строку и посмотреть на результат.

URI хрома состоит из нескольких частей:

  • протокол chrome говорит, что необходимо классифицировать и обработать содежимое файла как хром.
  • название пакета (в данном случае, это browser), указывающий на "сверток" (bundle) компонентов интерфейса. Это название уникально для каждого приложения/расширения.
  • тип запрашиваемых данных. Есть три типа: content (XUL, JavaScript, XBL Bindings и др., т.е. компоненты, формирующие вид и поведение интерфейса), locale (DTD, файлы propeties и т.п., производящие локализацию интерфейса) и skin (CSS и изображения для формирования темы интерфейса).
  • файл для загрузки.

Так, например, chrome://foo/skin/bar.png загружает файл bar.png из секции skin пакета foo.

Создание манифеста chrome

Для хорошего понимания манифеста просмотрите статью en:Chrome Manifest

Откройте chrome.manifest, созданный нами ранее и добавьте в него следующее:

content sample chrome/content/

Не забудьте завершающий слеш.

Эта строка объявляет

  1. тип данных в пакете chrome,
  2. название пакета (используйте лишь строчные буквы),
  3. путь к файлам пакета.

Таким образом, здесь мы говорим, что файлы типа content для пакета sample можно найти в chrome/content (путь относительно местоположения chrome.manifest).

Сохраните файл. Позже, при запуске Firefox, пакет chrome вашего расширения будет зарегистрирован с помощью этого файла.

Регистрация оверлея

Для того, чтобы Firefox понял, что у нас есть оверлей и мы хотим наложить его на окно браузера, необходимо зарегистрировать оверлей через все тот же chrome.manifest. Добавляем в него строку

overlay chrome://browser/content/browser.xul chrome://sample/content/sample.xul

Это говорит Firefox'у, что нужно объединить sample.xul и browser.xul

Тестирование

Для начала необходимо уведомить Firefox о нашем расширении. Раньше (еще во времена Firefox 1.0) необходимо было упаковать расширение как en:XPI и установить через интерфейс браузера. Теперь же достаточно просто указать Firefox'у, где находится папка с вашим расширением - и он будет подключать его каждый раз при загрузке.

Итак, ваши действия:

  1. Найдите папку с вашим профилем. Если вы не создавали его специально, браузер использует профиль по умолчанию.Как найти папку с профилем.
  2. Откройте папку extensions. Если ее нет, создайте ее.
  3. Создайте новый текстовый файл и поместите в него лишь путь к вашему расширению (напр., C:\extensions\my_extension\ для Windows или ~/extensions/my_extension/ для Unix/Linux). Сохраните файл под именем, одинаковым с id вашего расширения.

Примечания:

  • Не забудьте завершающий слеш.
  • Возможно возникновение проблем из-за знаков нижнего подчеркивания в названии; если так вышло измените его.

Теперь вы готовы к тестированию вашего расширения. Запустите Firefox. Он увидит ссылку к вашему расширению и установит его. Если все прошло успешно, вы увидите надпись "Hello, World!" в строке статуса справа. Для внесения изменений достаточно править xul-файлы и перезапустить Firefox.

Упаковка расширения

Теперь можно упаковать расширение для его дальнейшего распространиения и установки.

Создайте zip-архив из содержания корневой папки вашего расширения (но не архивируйте саму папку). Переименуйте файл, чтобы он имел расширение ".xpi". Вот и все. Для установки достаточно перетащить файл на окно браузера.

Установка с веб-страницы

Есть несколько способов это сделать. Можно разместить прямую ссылку на xpi-файл. Однако предпочтительным является InstallTrigger method, как более удобный для пользователей.

Сайт расширений addons.mozilla.org

Сайт расширений Mozilla (http://addons.mozilla.org) является местом, где вы можете бесплатно разместить свое расширение. Сайт является надежным и удобным местом для распространения своих расширений: достаточно лишь зарегистрироваться - и вы сможете загружать свои файлы на сервер.

Регистрирование расширения в реестре Windows

В Windows информация о расширении может быть добавлена в реестр. Это дает дополнительный возможности при установке расширений. Поробнее об этом читайте здесь.

Узнайте больше об оверлеях XUL

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

Локализация

Для поддержки более чем одного языка необходимо отделить локализуемые строки от основного содержания с помощью сущностей (entities) и "свертков строк" (string bundles). Гораздо проще делать это в течение разработки расширения, чем после.

Информация о локализации хранится в подпапке locale папки chrome (т.е. рядос с папкой content). В этой папке необходимо разместить столько папок, сколько локализаций вы намерены сделать. Обычной практикой является называть папки стандартными названиями локалей: скажем, папку с английской локализацией - en-US, русской - ru-RU и т.п., что, впрочем, не является обязательным. Теперь создайте в каждой из папок файл somename.ent (или anothername.dtd) (имя одинаково во всех папках локализаций) и заполните его соответствующим образом (показано ниже).

Локализуем наше расширение на русский и английский языки. После создания 2 папок (назовем их ru-RU и en-US), создаем в каждой из них файл (пусть myStatusBar.ent) Поместите в тот файл, который в папке с английской локализацией, следующую строку:

<!ENTITY statusbarpanel.label "Hello, World!">

А в тот, который будет локализовать на русский язык, соответственно

<!ENTITY statusbarpanel.label "Привет, мир!">

Сохраните оба файла. Теперь необходимо зарегистрировать локализации. Для этого добавим в chrome.manifest следующие строки:

locale sample en-US chrome/locale/en-US/ locale sample ru-RU chrome/locale/ru-RU/

Теперь для использования локализации достаточно добавить в начало (однако после xml-объявления) xul-файла строку

<!DOCTYPE window SYSTEM "chrome://sample/locale/myStatusBar.ent">

где window - это названия корневого элемента xul-документа (в нашем случае это overlay).

Для использования сущностей измените ваш xul-файл так, чтобы атрибут label у новой statusbarpanel был равен "&statusbarpanel.label;".

Исследование браузера

Гораздо более простым (и эффективным) способом исследования браузера является использование DOM Inspector'а. Он позволяет полностью изучить структуру документа, загруженного в браузер. Так, например, можно загрузить вышеописанным способом browser.xul, просмотреть все его узлы и найти подходящий для наложения оверлея. Или же можно просматривать структуру своего расширения.

Отладка расширений

Инструменты для анализа расширений

Отладочная распечатка

Дополнительная информация

Была ли эта статья полезной?

Да Нет

Спасибо!

developer.mozilla.org

Как сделать расширение



Лучшие новости сайта

Ответ мастера:

Улучшить качество изображения можно, если на мониторе сделать расширение экрана. Если величина будет высокая, то все без исключения отображаемые детали станут намного четче. Иконки на дисплее небольшие, а количество показываемых на нем элементов, намного больше. Если разрешение низкое, то отображаемые детали будут крупнее, а значит, их проще находить. Но на мониторе они полностью не помещаются.

Давайте исправлять ситуацию. Для этого понадобится только компьютер.

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

Далее выходит диалоговое окно со списком всех возможностей вашего компьютерного устройства и в частности всяких настроек. Вызовите вкладку под названием «Оформление и персонализация». Заметим, что наименование данной ссылки может немного различаться в зависимости от того, какая именно стоит в компьютере ОС. Возможно, ссылка называется «Персонализация». На нее щелкните левой кнопкой мышки.

После этого остановитесь на задаче «Настройка разрешения экрана». Должно выйти окошко «Монитор». С левой стороны части окошка ищите шкалу с ползунком. Затем обратите внимание на вкладку «Разрешение». Если на вашем устройстве стоит высокое разрешение, то ползунок будет у отметки «Выше». Под шкалой указывается текущее разрешение экрана. К примеру,1280 на 800 точек.

Сначала к ползунку следует подвести стрелку мышки и потом щелкнуть. При этом кнопку мыши придется удерживать и идти к вкладке «Ниже». Показатель разрешения экрана поменяется. Затем система спросит «Сохранить новое разрешение?» Данное действие нужно подтвердить, нажав на «Ok» либо «Сохранить». Таким образом, разрешение экрана уменьшается. Иконки на дисплее, потом открываемые окошки будут намного больше по размеру. Следовательно, можно быстро находить необходимый значок. Однако не удивляйтесь, если они будут с неровными краями.

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

Источник: http://komputernaya-pomosh-moscow.ru/answer/how/kak_sdelat_tak_chtoby_jekran_kompjutera_stal_menshe/ 

molochnaja-zheleza.ru

Создание скриншотов экрана с помощью расширения Chrome

Как сделать скриншот и записать видео с помощью расширения Chrome

Techsmith Snagit — очень любопытное расширение для браузера Google Chrome, которое может сделать скриншот любой области экрана, добавить текст, выделить нужную область с помощью эллипса и квадрата, и записать видео в вашем браузере. Как только я узнала о его недюжинных способностях, я сразу же изучила его возможности и начала использовать в своей работе.

Скачать расширение (прим. раньше можно было) в интернет-магазине расширений Chrome Web Store.

После установки, в браузере появится иконка, при нажатии на которую появляется панель управления в правой части экрана. Techsmith Snagit может:

  • сделать захват любой области экрана
  • сделать скриншот всей видимой области экрана
  • сделать скролл всей страницы (плагин сам прокручивает страницу и делает ее снимок)
  • добавить текст на изображение,
  • выделить текст с помощью стрелок, элипса, квадрата
  • записать видео экрана с перемещением на любую веб страницу

Как сделать скриншот

Чтобы сделать скриншот любой части страницы, кликаем Region и выбираем произвольную область. Даже после того, как вы выбрали область, ее можно переместить в любое место, просто удерживая курсором мыши. После чего нажимаем значок фотоаппарата (в левом нижнем углу), либо на крестик, если передумаем.

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

После того, как вы кликнете на значок фотоаппарата, в новом окне открывается снимок, который можно отредактировать:

  1. написать в верхнем поле название файла
  2. выделить текст доступными способами

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

Чтобы узнать, как сделать скриншот страницы с прокруткой, наглядно продемонстрирует следующее изображение:

В вашем Google диске автоматически будет создана папка Techsmith — библиотека приложения, в которой будут сохраняться все снимки, и которыми вы, в дальнейшем, сможете делиться или использовать по назначению. Доступ к этой папке можно осуществить прямо из панели управления расширения, для этого нужно в нижней части панели нажать My captures.

Как сделать видео с помощью Techsmith Snagit

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

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

Тем не менее, тридцатисекундный ролик, все-таки, получился, и вы можете сами посмотреть видео, которое сделано с помощью расширения Techsmith Snagit.

Как записать видео

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

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

Далее, нас перебрасывает на новую страницу, где мы можем, нажав на три кружочка справа:

  1. просмотреть видео
  2. сохранить видео в Google документы
  3. закачать видео на Youtube
  4. перевести видео в формат GIF и скачать на компьютер (пример выше)

И еще одно примечание: бывает, что при использовании браузера Google Chrome есть некоторые веб-страницы, которые не позволят нам открыть панель при нажатии на иконку расширения. В этом случае не стоит волноваться, так как вместо панели управления появится всплывающее окно, которое предложит либо сделать скриншот, либо записать видео.

Хотелось бы ко всем неоспоримым преимуществам Techsmith Snagit добавить ложку дегтя: к большому сожалению, у меня не получилось записать весь процесс создания видео от начала и до конца. Если кто-то знает, как это сделать, напишите, пожалуйста, в комментариях.

Подведем итоги

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

Более того, Techsmith Snagit можно успешно использовать для любой учебной деятельности и командной работы, благодаря интеграции Snagit для Google Chrome с Google Drive. Для успешной работы вам не потребуется установки тяжелого или платного программного обеспечения на свой компьютер, а пользоваться и управлять расширением легко и понятно.

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

P.S. К большому сожалению, этот замечательный плагин отсутствует в магазине расширений. Но у Techsmith есть не менее любопытный продукт — Jing, который также умеет делать скриншоты и записывать видео. Подробности читайте в статье:

Как делать скриншот на компьютере быстро и легко

 

Копилка эффективных советов
В этой же рубрике:
Я согласен на обработку моих персональных данных в соответствии с Пользовательским соглашением

kopilkasovetov.com


Смотрите также