среда, 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 — статья написана, чтобы помочь моим студентам описывать баги))
Posted by at
Labels: , ,

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

  1. Unknown23 ноября 2018 г. в 18:30

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

    ОтветитьУдалить
  2. asari21 октября 2019 г. в 17:37

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

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

    ОтветитьУдалить
    Ответы
    1. Ольга Назина (Киселева)22 октября 2019 г. в 09:31

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

      Удалить
  3. Unknown25 октября 2020 г. в 23:56

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

    ОтветитьУдалить
    Ответы
    1. Ольга Назина (Киселева)25 октября 2020 г. в 23:57

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

      Удалить
  4. Зиля30 октября 2020 г. в 16:03

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

    ОтветитьУдалить
    Ответы
    1. Ольга Назина (Киселева)30 октября 2020 г. в 17:41

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

      Удалить
    2. Зиля2 ноября 2020 г. в 17:35

      Спасибо!

      Удалить
    3. SerjVelichko11 февраля 2021 г. в 11:37

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

      Удалить
    4. Ольга Назина (Киселева)12 февраля 2021 г. в 13:35

      Ровно так, как описано в статье ))

      Удалить
  5. Sergey16 января 2021 г. в 02:47

    Very nice :-) Thanks

    ОтветитьУдалить
  6. Billboards-odessa18 апреля 2023 г. в 15:52

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

    ОтветитьУдалить
  7. Billboards-odessa21 апреля 2023 г. в 01:37

    Спасибо.

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

Подписаться на: Комментарии к сообщению (Atom)