Блог

Главная - Вопросы по программированию - Попытка автоматического выделения частей страницы, обновляющей частоту, в Chrome, которая нашла бы все строки в таблице, содержащей «FOO», и выделила бы их цветом/жирным шрифтом

Попытка автоматического выделения частей страницы, обновляющей частоту, в Chrome, которая нашла бы все строки в таблице, содержащей «FOO», и выделила бы их цветом/жирным шрифтом

#javascript #html #google-chrome

Вопрос:

В частности, я говорю о https://gtaupdate.com/gta/ это публичное резюме диспетчерской службы полиции Торонто. Каждый элемент получает строку в гигантской таблице, в каждой строке есть столбец, обозначающий его D99 для деления на 99, и вся страница становится «живой», заставляя мета-обновление каждые 30 секунд.

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

Теги Div-это далекая идея, и абсолютно ничего не помечено, не классифицировано и не стилизовано, поэтому не существует атрибутов CSS, за которые можно было бы зацепиться, строки должны быть распознаны как преобладающий отдельный контейнер, а обычный печатный текст из середины должен быть изучен либо строка за строкой (если это необходимо, было бы неплохо закрыть его на пару страниц), либо с помощью какого-либо текстового поиска.

На самом деле я не совсем потерялся, когда мне поручили задачу оценить блок текста по разделам, чтобы найти шаблон, а затем изменить текст рядом (но не на самом деле) с местоположением этого шаблона. Это скорее вопрос реализации этого решения в течение 30 секунд между загрузкой и перезагрузкой этой страницы, каждый раз, когда она запускается.

Краткий пример, просто чтобы подчеркнуть, что это очень сырой html старой школы, и у меня нет возможности изменить саму html-страницу.

 <body>
    <center>
        <table>
            <tbody>
                <tr>
                    <th>At Scene</th>
                    <th>amp;nbsp;amp;nbsp;Districtamp;nbsp;amp;nbsp;</th>
                    <th>Type</th>
                </tr>
                <tr>
                    <td style="text-align:center;>">7:05 pm</td>
                    <td><center>D32</center></td>
                    <td>ASSAULT JUST OCCURRED - - FLEMINGTON RD</td>
                </tr>
                <tr>
                    <td style="text-align:center;>">7:05 pm</td>
                    <td><center>D11</center></td>
                    <td>ASSAULT JUST OCCURRED - WINDERMERE AVE - WILLARD AVE</td>
                </tr>
                <tr>
                    <td style="text-align:center;>">7:05 pm</td>
                    <td><center>D23</center></td>
                    <td>ASSAULT - FINCH AVE W - MARTIN GROVE N ALBION E RAMP</td>
                </tr>
            </tbody>
        </table>
    </center>
</body>

Это кажется очень простым, но я попробовал несколько вещей, включая мой собственный JavaScript на одураченной производной странице или случайных расширениях Chrome, но до сих пор я не придумал ничего функционального. Предложения о том, с чего начать? Комплексные решения в одну строку? Тх!

Комментарии:

1. Относительно легко выполнить поиск определенного содержимого в HTML — документе и выделить его. Проблема, с которой вы столкнулись, заключается в том, что содержимое этой страницы доставляется через веб-сокет и вставляется сценарием. Вам придется найти способ перехватить этот процесс.

Метки: , , , , ,