Bablosoft

Получение текста на странице

Поддержка

  • A

    Как одним действием найти видимые элементы на странице

    Поддержка
    0 Votes
    5 Posts
    690 Views
    ?
    window.scrollTo(0, 0) var bodyRect = document.body.getBoundingClientRect(); var items = Array.prototype.slice.call( document.querySelectorAll('*') ).map(function(element) { var rect=element.getBoundingClientRect(); return { element: element, include: (element.tagName === "BUTTON" || element.tagName === "A" || (element.onclick != null) || window.getComputedStyle(element).cursor == "pointer"), rect: {left: Math.max(rect.left - bodyRect.x, 0), top: Math.max(rect.top - bodyRect.y, 0), right: Math.min(rect.right - bodyRect.x, document.body.clientWidth), bottom: Math.min(rect.bottom - bodyRect.y, document.body.clientHeight)}, text: element.textContent.trim().replace(/\s{2,}/g, ' ') }; }).filter(item => item.include && ((item.rect.right - item.rect.left) * (item.rect.bottom - item.rect.top) >= 20)); // Only keep inner clickable items items = items.filter(x => !items.some(y => x.element.contains(y.element) && !(x == y))) // Lets create a floating border on top of these elements that will always be visible items.forEach(function(item) { newElement = document.createElement("div"); newElement.style.outline = "2px dashed rgba(255,0,0,.75)"; newElement.style.position = "absolute"; newElement.style.left = item.rect.left + "px"; newElement.style.top = item.rect.top + "px"; newElement.style.width = (item.rect.right - item.rect.left) + "px"; newElement.style.height = (item.rect.bottom - item.rect.top) + "px"; newElement.style.pointerEvents = "none"; newElement.style.boxSizering = "border-box"; newElement.style.zIndex = 2147483647; document.body.appendChild(newElement); })

    иногда ложно срабатывает но в целом рабочее:
    Screen Shot 2024-06-07 at 21.21.55.png

  • B

    Не работает проверка видимости элемента на странице

    Поддержка
    0 Votes
    9 Posts
    1030 Views
    sergerdnS

    @bobacpuctoletom said in Не работает проверка видимости элемента на странице:

    @sergerdn Подскажи пожалуйста, какой селектор выбирать лучше для проверки?

    Понятия не имею, какой селектор выбрать не неизвестно каком сайте. Я выше написал, как один раз решал такую задачу.

    "Смотреть глазами" видно ли на экране это ровно то, что мне было нужно и я ровно так и сделал - "смотрел глазами".

    Все остальные пути решения не такие надежные.

  • V

    Просмотр кода скрипта на сайте

    Поддержка
    0 Votes
    5 Posts
    855 Views
    V

    @Fox большое спасибо

  • A

    Перетягивание на элементе

    Поддержка
    0 Votes
    3 Posts
    1412 Views
    A

    Большое спасибо Вам за ответ!

  • F

    Пропустить несколько шагов, если на странице есть определенный элемент

    Поддержка
    0 Votes
    5 Posts
    1303 Views
    FoxF

    @SimpleUser Это равноценно:

    [[TEST]] == true [[TEST]] == 1 [[TEST]]

    И это равноценно:

    [[TEST]] == false [[TEST]] == 0 ![[TEST]]