Исправление Pixel Perfect для последних версий FireBug

Материалы, статьи ссылки, по разработке сайтов

Исправление Pixel Perfect для последних версий FireBug

Сообщение Enyby » 16 мар 2012, 10:39

Есть такой замечательный плагин для Firebug - Pixel Perfect. Он позволяет наложить полупрозрачное изображение на сайт, что бывает очень полезно при верстке, чтобы определить насколько сверстанная версия отличается от графического макета.
Весьма полезная вещь при верстке - рекомендую.

Но есть и проблема. С последним Firebug данный плагин работает не совсем корректно - нет кнопки добавления картинки (Add overlay), что не позволяет пользоваться плагином. Сейчас мы это исправим. Вам нужно будет открыть папку:
Код: Выделить всё
%APPDATA%\Mozilla\Firefox\Profiles\F861DC2F.default\extensions\pixelperfectplugin@openhouseconcepts.com\chrome\pixelperfect\content

Для этого в окне проводника (explorer) вставляете эту строчку в качестве адреса. Скорее всего вместо "F861DC2F.default" у вас будет другое имя папки, так что сначала открываете "%APPDATA%\Mozilla\Firefox\Profiles\", а потом уже находите в подпапках "extensions\pixelperfectplugin@openhouseconcepts.com\chrome\pixelperfect\content".
Там должен быть файл PixelPerfectPanel.js. Открываем его в текстовом редакторе. Находим следующие строчки:
Код: Выделить всё
                /**
                 * @param {string} prefName The name of a boolean preference.
                 * @return {Function} A function that will toggle the value of that
                 *     preference.
                 */
                var buildToggleBoolPrefFn = function(prefName) {
                  return function() {
                    var oldValue = pixelPerfect.utils.getBoolPref(prefName);
                    pixelPerfect.utils.setBoolPref(prefName, !oldValue);
                  };
                };
               
                addMenuOption('Hide Statusbar Icon', buildToggleBoolPrefFn(hideStatusBarPref), pixelPerfect.utils.getBoolPref(hideStatusBarPref));
                addMenuOption('Hide Overlay When Inspecting', buildToggleBoolPrefFn(hideWhenFocusLostPref), pixelPerfect.utils.getBoolPref(hideWhenFocusLostPref));

После них добавляем строчку:
Код: Выделить всё
                addMenuOption('Add Overlay', Firebug.PixelPerfectModule.addOverlay, false);

В результате будет так:
Код: Выделить всё
                /**
                 * @param {string} prefName The name of a boolean preference.
                 * @return {Function} A function that will toggle the value of that
                 *     preference.
                 */
                var buildToggleBoolPrefFn = function(prefName) {
                  return function() {
                    var oldValue = pixelPerfect.utils.getBoolPref(prefName);
                    pixelPerfect.utils.setBoolPref(prefName, !oldValue);
                  };
                };
               
                addMenuOption('Hide Statusbar Icon', buildToggleBoolPrefFn(hideStatusBarPref), pixelPerfect.utils.getBoolPref(hideStatusBarPref));
                addMenuOption('Hide Overlay When Inspecting', buildToggleBoolPrefFn(hideWhenFocusLostPref), pixelPerfect.utils.getBoolPref(hideWhenFocusLostPref));
                addMenuOption('Add Overlay', Firebug.PixelPerfectModule.addOverlay, false);
               
                return menuOptions;
               
            }
        });

Сохраняем измененияи перезапускаем FireFox. Теперь заходим в Firebug и переходим на вкладку Pixel Perfect. Кнопки по прежнему нет, но зато, если теперь кликнуть по уголку, который находится рядом с именем вкладки (Pixel Perfect), то там будет пункт "Add overlay", который нам и нужен. Все. :)
pixel_perfect.PNG
Собственно скриншот, полученного меню.
pixel_perfect.PNG (5.13 Кб) Просмотров: 7665
Не важно кто я в глубине души, о человеке судят по поступкам.
Enyby
Администратор
 
Сообщения: 153
Зарегистрирован: 22 фев 2010, 07:54

Re: Исправление Pixel Perfect для последних версий FireBug

Сообщение testuser » 18 июл 2012, 10:14

Специально зарегался, чтобы выразить огромное человеческое спасибо! Плагин заработал. А то без него как без рук. Надоело все время даунгредить фаербаг обратно на 1.9.1 ;)
testuser
 
Сообщения: 1
Зарегистрирован: 18 июл 2012, 10:11


Вернуться в Web-разработка

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 1

cron