Главная -> Описания расширений. -> Подробное описание -> ViewSourceWith - просмотр и редактирование объектов веб-страницы.
ViewSourceWith - просмотр и редактирование объектов веб-страницы.
Расширения для Mozilla Firefox (Pale Moon). - Описание расширений для Mozilla Firefox

Пиктограмма дополнения ViewSourceWith Расширение ViewSourceWith.

ViewSourceWith - расширение предназначено для просмотра объектов web-страницы и редактирование исходного кода в сторонних приложениях.

Разработчик PluginChecker, Table2Clipboard - Davide Ficano.

ViewSourceWith совместимо с приложениями: Mozilla Firefox, Pale Moon, Thunderbird, Seamonkey, Flock, Songbird, Netscape

Расширение ViewSourceWith, позволяет подключать внешние приложения, при помощи которых можно открыть для просмотра или редактирования объектов web-страницы (для поиска, сравнения, редактирования и т.д., все зависит от применяемого приложения и поставленной цели):

  1. исходный код страницы в качестве документа DOM
  2. исходный код, внешним редактором
  3. файлы каскадных таблиц CSS и скриптов JS
  4. изображение, применив для просмотра приложения: GIMP, ACDSee, XnView и др.
  5. файлы PDF (программа Acrobat Reader, Foxit Readerr и др.)
  6. страницу на сервере (например, для отладки)
  7. файл, в Javascript консоли.

Пользователи Thunderbird имеют возможность:

DavideТворческий путь Davide (“dafi”) начинается с 2004г., когда он стал работать на платформе Mozilla. Читать далее
  • просматривать оригинальное сообщение
  • извлечь информацию из заголовков сообщения
  • просмотреть прикрепленные файлы с использованием различных приложений.

ViewSourceWith хранит свои настройки в файле с расширением .XML, но некоторые специальные значения хранятся в настройках Mozilla,
для тонкой настройки расширения необходимо в адресной строке Mozilla Firefox набрать:
about:config
или, выбрать
"Справка" -> "About:?" -> "Все конфигурационные настройки",
после чего откроется страница настроек, где и смотрим имена, имеющие приставку "extensions.dafizilla.viewsourcewith" (старые версии имеют префикс "dafi.viewsource").

Настройки приложения ViewSourceWith.

ViewSourceWith. Вкладка - "Основные".

основные настройки ViewSourceWith

На вкладке "Основные" подключаются внешние приложения, которые можно будет вызвать через контекстное меню или посредством элемента на панели инструментов (предварительно установив на панель инструментов). В данном случае, кнопкой "Новый", подключен редактор Notepad++. Как было изложено выше, можно подключить различные программы и в меню появится список из этих программ.

Пункт "Файл конфигурации" - здесь указывается расположение конфигурационного файла: viewSource.xml. Используется для "портативных" приложений.

C:\Documents and Settings\Имя Пользователя\Application Data\Mozilla\Firefox\Profiles\Имя Вашего Профиля\viewSource.xml

Пункт "Список программ".

Если нажать кнопку "Правка", то можно откорректировать настройки подключаемого приложения:

  • Путь расположения программы (для "портативных" приложений путь должен быть написан вручную и должен быть относительным (.../…/…/notepad ++/notepad ++. exe) к каталогу профиля)
  • Название программы, любое удобное для вас.
  • Параметры, переменные передаваемые приложению. На данном рисунке, в качестве параметра передаются имя файла и номер строки на которую должен перейти редактор. Если нажать стрелочку справа, то появится меню, где есть выбор этих команд (применяется в Javascript консоли)
  • Установка комбинации "горячих" клавиш для вызова данной программы.

правка в настройках дополнения ViewSourceWith

При работе в консоли ошибок, в строке с сообщением, справа будет написан номер строки (например — Строка: 656) вызывающее данное сообщение, так вот, если в качестве параметра будет введено выражение:

-n$l

то редактор переместит курсор в эту строку (в примере - 656). Приведенный выше параметр дан для редактора Notepad++.

Параметры для других редакторов необходимо рассматривать отдельно, например:

для редактора UltraEdit:

-l$l

для редактора VIM

+$l

ViewSourceWith. Вкладка - "Временные файлы".

Здесь идет настройка работы с временными файлами создаваемым приложением.

Выбираем настройки на свое усмотрение.

временные файлы

ViewSourceWith. Вкладка - "Вид".

На вкладке "Вид" можно настроить структуру меню и способ просмотра.

вид

ViewSourceWith. Вкладка - "Дополнительно".

Скриншот данной вкладки см. ниже.

Разрешить редактирование содержимого полей ввода

Редактирование текста на странице сайта в поле ввода.

Текст в поле ввода на странице может быть отредактирован во внешнем редакторе и при возвращении в приложение Firefox / Thunderbird / NVU, это поле будет обновлено с вновь введенным текстом.

Эта опция полезна для отладки приложения и будет интересна для изучения различных текстовых форм на сайте.

Например:

  1. на сайте в панели поиска введите любой текст
  2. нажмите правую кнопку мышки в поле ввода.
  3. выберите из контекстного меню -> "Править текст" -> выберете из списка редактор
  4. измените текст в редакторе и сохраните файл
  5. вернитесь в Firefox активизируя данное окно и в текстовом поле будет введен новый текст.

Временный файл который вы сохраняли в редакторе, будет автоматически удален, если опция, включена в настройках "Временные файлы" в ViewSourceWith

Внимание: поля Password (Пароли) не могут быть отредактированы.

Дальнейшие настройки понятны из картинки (вкладка — Дополнительно).

Вкладка - Дополнительно настройки расширения ViewSourceWith

ViewSourceWith. Вкладка - "Фильтры".

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

Если коротко, то создается регулярное выражение (кнопка "Новый" или "Правка") соответствующему вашему удаленному серверу и локальному серверу, например:

удаленный сервер - http://Сервер/Мой сайт/

локальный сервер (в программе опция - "Каталог для скачанных страниц")- c:\Локальный Сервер\Мой сайт\

регулярное выражение - http://Сервер/Мой сайт/*

Примечание: подпапки от корня, считываются автоматически.

Далее, необходимо нажать кнопку "JS", программа вставит код JavaScript, который полностью документирован и может редактироваться под свои нужды.

Подробности смотри на сайте разработчика.

Вкладка - Фильтры настройки расширения ViewSourceWith

Сайт разработчика - dafizilla.sourceforge.net