Window Resizer — узнай, как выглядит сайт на различных устройствах

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

Window Resizer — для чего нужно это расширение вебмастерам

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

Как установить и пользоваться Window Resizer

Далее небольшая инструкция по установке. В магазине Ghrome Web Store откроем страничку «расширения» и в поиске вобьем название расширения — то есть Window Resizer, а во вновь открывшейся найдем это расширение:

Кликаем на иконку «Бесплатно», подтверждаем желание установить расширение и устанавливаем его. После установки в правом верхнем углу появится иконка расширения, при клике по которой откроется окно для выбора устройства (см. скриншот ниже). Вы готовы к просмотру сайтов с мобильных устройств и компьютеров с различными расширениями экранов в количестве десяти вариантов!

Для «более масштабного» представления работы расширения Resizer предоставляю вам небольшой обучающий ролик Евгения Попова:

Я установил это расширение. Работает отлично и просто.
Желаю успехов, друзья!

Почему расширение Window Resizer удалили из Chrome Web Store?

Веб-разработчики скорее всего знают расширение Window Resizer для Google Chrome, которое позволяет задавать конкретный размер окна браузера. Это бывает полезно, например, чтобы сделать скриншот нужного размера или протестировать внешний вид сайта. Ну так вот. расширение это с большим скандалом удалили из Chrome Web Store. Причем, как обычно, причину удаления многие переврали. Сегодня мы расскажем сухие подробности, которые, возможно, будут полезны как разработчикам, так и пользователям.

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

Ну так вот. Разработчик расширения Window Resizer попытался соблюсти все правила и легально воспользоваться этой возможностью заработать. Он договорился с поисковой системой Ecosia, которая известна тем, что борется за права лесов в Бразилии и собирает (якобы, мы не проверяли) на это дело деньги путем размещения в своей поисковой выдаче «реферальских» ссылок на магазины. Пользователь покупает что-то там, а Ecosia получает свой процент.

В Window Resizer это работало так. Расширение подменяло часть ссылок в поисковой выдаче Google на свои. Результат выдачи оставался тот же самый — сайты они не двигали и не подставляли. А вот ссылки, ведущие на эти сайты, расширение изменяло так, чтобы можно было отследить покупки и получить свой процент с продаж.

Причем разработчик не пытался это скрыть. При обновлении расширения пользователь видел сообщение о поддержке Ecosia.

When the extension was updated to include those links, there was an update message saying «Added EcoLinks to Google pages» with a link on «EcoLinks» taking you to the settings page where you could learn more about it and disable it if you chose to do so.

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

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

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

2. Сообщение при обновлении и крутой блок в настройках — это действительно круто и разработчик тут молодец. Но этого мало. Это не очевидно для среднестатистического пользователя, который ничего не читает и никуда не смотрит.

3. Проблема в Ecosia. Их сервера глючат, банят по IP пользователей. В результате они не могли перейти по ссылке из выдачи.

4. Пользователь не давал права на передачу в сторонний сервис информации о том, какие сайты в выдаче он посещал. Нужно было дать право выбора пользователю. Спросить при обновлении. Это ведь не трудно реализовать.

В результате расширение было удалено с формулировкой: «Реклама должна однозначно указывать на расширение, которое ее подставляет». И это еще логичная и справедливая причина. В последнее время из Chrome Web Store начали удалять расширения, вставляющие рекламу, по причине: «Расширение должно выполнять только одну функцию». Т.е. реклама на страницах сайта это отдельная функция, которая должна быть вынесена в отдельное расширение. Смешно да?

Но самое страшное во всей этой истории не реклама. Самое страшное это слова разработчика Window Resizer:

I could have sold the extension to someone who would have gained access to all your passwords, emails, etc without you even knowing it. I haven’t done that!

Наш вольный перевод:

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

Windows resizer для opera

Windows Resizer это расширение Chrome, которое изменяет размеры окна браузера, чтобы соответствовать различным разрешениям, которые можно легко настроить. Расширение может пригодиться особенно для веб-разработчиков и дизайнеров, так как они могут тестировать свои макеты на разных разрешениях браузера. Установив расширение, вы можете получить доступ ко всем различным типам разрешений, нажав кнопку на панели инструментов. Во всплывающем окне вы найдете широкий диапазон категорий разрешений, например:iPhone, Старые компьютеры, Современные компьютеры, Нетбук, Ноутбук и больше.

После установки расширения просто нажмите кнопку на панели инструментов и получите доступ ко всем различным разрешениям. Вы найдете несколько категорий, таких какHVGA (iPhone, Android), старые компьютеры, а не старые компьютеры, нетбуки, ноутбуки 15,4 ”, ноутбуки 15,6” а также Другие ноутбуки. Выберите разрешение, и размер окна изменится соответственно. Кроме того, подсказка с деталями размера окна также появляется в правом нижнем углу. Нажмите на Редактировать резолюции настраивать и добавлять новые разрешения в список.

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

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

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

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

Window Layout Resizer

автор: raylothian

Необходим браузер Opera.

This extension allows you to adjust the current window layout size to the commonly used sizes (like half, one-third, or quarter window sizes). You can define your own custom layout size from the options page or change the order of items that are shown in the popup window. The extension is compatible with high resolution (HD) (like Retina) displays and handles multiple monitors very well. Also, the layout settings work fine if a monitor is replaced (percentages are stored instead of the absolute values).

This can be used to split your screen into different sections and place different web pages into different areas.

For more details or posting suggestions please use:
http://add0n.com/layout-resizer.html
For technical bug reports use:
https://github.com/ray-lothian/Layout-Resizer/

Снимок экрана

О расширении

Похожие

Tab Counter

A button badge that shows the number of tabs or windows

Оценка: Всего оценок: 10

Dark Cuties Mods

Collection of addons and mods for the game Blockchain Cuties

Оценка: Всего оценок: 3

Enhancer for YouTube

Широчайший функционал для улучшения просмотра видео на YouTube™.

Оценка: Всего оценок: 1147

Area of a Circle

Calculate area of a circle given any of the following, radius, diameter or circumference and vice versa

Оценка: Всего оценок: 1

Evernote Web Clipper

Используйте расширение Evernote, чтобы сохранять интересные материалы из Интернета прямо в свой аккаунт Evernote.

Window Resizer

автор: brian-girko

Необходим браузер Opera.

A simple yet powerful window layout resizer for the browser window. This extension enables the user to adjust the current window’s layout size based on the pre-defined set or any new custom dimension. Each dimension is visually shown in a toolbar popup for easy access. The extension gets left, top, right and bottom positions in percent unit and changes the window size to these values. This extension detects all monitors in your system and allows one of the monitors to be the reference for the alignment. Also, this extension supports keyboard shortcuts for the first 6 alignments in the popup. It means that you can re-align to any of these 6 alignments without opening the popup and just by pressing a user-defined keyboard set. Each item in the popup is draggable. The user can change the arrangement of the items or even remove or add new items.

Note: This extension uses a non-persistent background script to be completely idle when it is not being used.

Снимок экрана

О расширении

Похожие

SimpleTabOrder

Простой способ управления порядком вкладок браузера.

Оценка: Всего оценок: 31

Enhancer for YouTube

Широчайший функционал для улучшения просмотра видео на YouTube™.

Оценка: Всего оценок: 1147

Pause — Stop Mindless Browsing

Pause distracting websites before they open. Be mindful and intentional with your browsing using this simple extension.

Оценка: Всего оценок: 2

VirtualShield — Fast and reliable VPN

Browse the web safely and anonymously. Built for privacy protection, backed by our fast, reliable, and secure network.

Оценка: Всего оценок: 35

Evernote Web Clipper

Используйте расширение Evernote, чтобы сохранять интересные материалы из Интернета прямо в свой аккаунт Evernote.