Создание интерфейса пользовательского интерфейса для приложения Javascript

Question

Я работаю над небольшим проектом, это веб-харвестер , созданный в python , но моя проблема вращается вокруг создания пользовательского интерфейса javascript для выбора * 1008 Узлы * DOM находят свои Xpath's .

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

Шаблон xpath передается в сценарий python , а затем информация обрабатывается.

Таким образом, план состоит в том, что пользователь нажимает на кнопку « Выполнить », подсветка начинается, она подсвечивается при наведении курсора и onclick событие xpath вычисляется и добавляется в соответствующее поле.

На данный момент моя идея - вставить iframe на выбранную страницу, выполнить скрипт и собрать информацию способом, описанным выше.

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

С уважением, FJ

Answer 1

Мое первое предположение состоит в том, что вы хотите создать общий скребок веб-страницы, где пользователь может указать определенные узлы DOM на текущей активной странице. Я бы предложил использовать решение на основе букмарклетов. Вы даете пользователю букмарклет, и он перетаскивает его на панель инструментов закладок. Всякий раз, когда ему нужно почистить страницу, он просто нажимает на закладку, и вы начинаете вставлять свой код JavaScript на этой странице (т. Е. В теги)

Когда ваши скрипты загружаются, вы должны имитировать то же поведение, о котором вы говорили. Выделите элемент DOM при наведении курсора мыши и выберите при нажатии. Проверьте Firebug DOM Explorer относительно того, как он должен работать и выглядеть. При отправке вы можете отправить данные на ваш сервер через JSONP или вызов iframe и отключить ваши скрипты