среда, 18 марта 2015 г.

Как получить прямую ссылку на всплывающее окно

При описании бага важна краткость. Можно, конечно, расписать полный путь — "Пойти туда, сделать то, потом се, потом сплясать на голове, нажать на кнопку Х и откроются врата ада! Тут-то и начинается самое интересное...".

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

Рассмотрим на примере сайте https://dadata.ru/.

Если нажать на "Зарегистрируйтесь"


Откроется всплывающее окно регистрации, но ссылка останется старой.


Как получить прямую ссылку на окно регистрации?


1. Открыть ссылку в новом окне


Зажать Ctrl и кликнуть по слову "Зарегистрируйтесь" → в новом окне будет уже прямая ссылка, https://dadata.ru/#registration_popup

2. Копировать адрес ссылки


Если присмотреться, то приглашение на регистрацию даже не кнопка, а простая ссылка в тексте. Как получить URL ссылки?

Кликнуть правой кнопкой мыши — "получить адрес ссылки".



3. Найти элемент в панели разработчика


Если первые 2 способа не работают, нажмите F12 (в Chrome или FireFox) — откроется панель разработчика.

Выберите лупу — поиск элемента на странице.


Наведите курсор на интересующую кнопку / ссылку и нажмите на нее


В панели разработчика вы увидите исходный код данного элемента. Нас интересует атрибут href.


Берем href и добавляем к основной ссылке:

https://dadata.ru/ + #registration_popup = https://dadata.ru/#registration_popup

Профит! (smile)

PS — статья написана, чтобы помочь моим студентам описывать баги))

15 комментариев:

  1. Либо нажать на колесо мыши

    ОтветитьУдалить
  2. так вы же писали что ссылка может поменяться(http://okiseleva.blogspot.com/2016/06/69.html)?

    p.s. при нажатии на Отправлять уведомления - сообщение(При попытке связаться с сервером произошла ошибка)

    ОтветитьУдалить
    Ответы
    1. Ничего не поняла. При чем тут изменение ссылки? При чем тут статья про 6,9? Типа если ссылка меняться может, ее вообще прикладывать не надо? Ну так поэтому мы не тупо ссылку даем, а описываем ее, вдруг изменится. При чем тут PS, вообще не поняла?

      Удалить
  3. А окно которое всплывает и исчезает через пару секунд как отловить?

    ОтветитьУдалить
    Ответы
    1. Не знаю) Наверное, через вкладку network попробовать ссылку прямую получить

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

    ОтветитьУдалить
    Ответы
    1. Ссылка бывает не всегда. Если ее нет и речь о том, как описать баг, то да, тогда по шагам

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

      Удалить
  5. Ольга, добрый день. Ввожу адрес попапа, но окно не открывается, открывается родительская страница. Пример: https://black-kvadrat.od.ua/ru/billboards/#popmake-1732 . Попапы собраны в плагине POPUPMAKER . Подскажите, что пошло не так?

    ОтветитьУдалить