Розширення Chromium Browser Automation для Google Chrome

1. інтерфейс розширення
2. Дії (Actions)
3. Запис (record)
4. Кнопка "Play"
5. Кнопка "Stop"
6. Import and export
7. Подальший розвиток розширення

Наша взаимовыгодная связь https://banwar.org/

Представляємо черговий авторський огляд розширення в рамках нашої акції . Ми вже писали про дану розробку, коли висвітлювали фіналістів недавнього Хакатона.

Chromium Browser Automation (CBA) - це потужна система автоматизації, яка створена, щоб допомогти людям впоратися з рутинною роботою, а також для того, щоб надати безліч готових корисних функцій. CBA дозволяє впоратися з такими завданнями як:

• Проходження через довгий реєстраційний процес.
• Натискання на всі кнопки "Мені подобається" на вашій мандрівниці або в групі в фейсбуці.
• Додавати друзів в ваш рекламний аккаунт.
• Вхід на сайт і перехід на ваш улюблений контент.
• І багато багато іншого...

Практично можливості CBA безмежні, ви використовуйте Javascript код, також можете використовувати Jquery для створення наборів кодів які будуть запускатися один за іншим і дадуть вам контроль над браузером, також CBA надає безліч корисних і періодично доповнюємо функції, наприклад як:

• Функція "FB Likes", яка натискає на всі кнопки "Мені подобається" в фейсбуці у відкритій зоні мандрівниці.
• Функція "FB Unlike", яка натискає на всі кнопки "Більше не подобається" в фейсбуці у відкритій зоні мандрівниці.
• Функція "ADD Friends", яка натискає на всі кнопки "Додати в друзі" у відкритій зоні мандрівниці Фейсбук.
• І безліч інших корисних і доповнюють функцій ...

CBA також надає можливість запису ваших дій, які виконуються в браузері Chrome. Ви натискаєте на кнопку "rec" і починаєте записувати ваші дії, які записуються в "Local storage" браузера, і ви можете контролювати ці записи і створені вами дії (Action) шляхом редагування в інтерфейсі розширення, також зміни черговості програвання шляхом перетягування дій.

Презентація проекту (російські субтитри):

інтерфейс розширення

Головні частини інтерфейсу це таблиці:

• Projects
• Actions
• Functions

Таблиця Проекти (Projects) - містить в собі дії (Actions). Дії (Actions) являють собою набір кодів, які запускаються один за іншим. Ви можете додати проект (Project), стерти і перейменувати, використовуючи кнопки "плюс", "мінус" і "rename".

Таблиця Дій (Actions) - являє собою набір кодів, які запускаються один за іншим. Ви можете додати дію (Action), стерти, редагувати і зберегти, використовуючи кнопки під текстовим полем ( "Add", "Delete", "Save"). Користувач може сортувати почерговість дій (Actions), перетягуючи рядки в таблиці. Також користувач може виділяти елементи мандрівниці, перетягнувши курсор мишки на рядок дії (Action) в таблиці (функція виділення призначена для: change, click, click-submit і check типів дій).

Таблиця Функцій (Functions) - таблиця містить в собі набір корисних готових функцій, вам потрібно просто переташіть функцію в таблиці дій (Actions).

Дії (Actions)

Нижче перераховані типи дій (actions):

• Inject
• Change
• Click
• Click-submit
• Redirect
• Timer
• Update

Ін'єкція (inject) - це дія (Action), яке запускає Javascript код в процес відтворення проекту (також можна використовувати Jquery), воно використовує функцію Javascript`a eval (), щоб запустити код в процес відтворення проекту. Ви можете написати Javascript код з функціями і змінними, тільки враховуйте одну річ - розширення створюють Content Script для кожного iframe`а на мандрівниці.

Змінити (Change) - використовує JQuery селектор, щоб змінити значення елемента DOM. Користувачі можуть використовувати placeholder, щоб генерувати випадкові цифри (Максимум 13 символів в довжину). На прикладі картинки використовувався тип дії змінити (Change), щоб знайти елемент будинку з ID #sometextBox, викликати подія Focus на елементі, змінити значення на hello і конкатеніровать в кінці 3 символьної випадкової цифрою.

Click - CBA використовує дію Click, щоб викликати подія Click на елементі DOM-а, яке знаходить, використовуючи Jquery селектор.

Click-submit - схожий на дію (Action) Click, він працює також, але з однією відмінністю: "Action" Click-submit змушує програму чекати події завантаження мандрівниці, потім тільки продовжує процес програвання проекту, тобто дія Click-submit може використовуватися, наприклад, для натискання кнопок "Submit".

Redirect - дія redirect змінює мандрівницю на вказаний URL і чекає події завантаження мандрівниці, потім тільки продовжує процес програвання проекту.

Timer - дія Timer використовується для зупинки програвання проекту на час, вказаний в мілісекундах, потім триває програвання проекту.

Update - дія Update використовується для того, щоб зупинити програвання проекту до завантаження мандрівниці, потім триває процес програвання. Програма чекає події onload, а потім продовжує процес програвання.

Запис (record)

Користувачеві просто потрібно вибрати проект з таблиці "projects" і натиснути на кнопку "rec", після чого з'явиться напис "rec" під іконкою CBA, а це значить, що ви можете почати взаємодіяти з мандрівником і натиснути на кнопку "stop" після завершення запису .

У демо роликах ви зможете побачити цю можливість CBA в дії:

Кнопка "Play"

Після натискання кнопки "Play" дії починають програватися один за іншим, ви можете спостерігати за процесом програвання в таблиці дій, також напис "Play" під іконкою програми означатиме, що програма знаходиться в стадії програвання, в разі якщо вона застрягне десь, раджу натиснути на кнопку "Stop", щоб відключити програвання і розібратися в ваших діях в таблиці actions.

Користувач також може вказати скільки разів він хоче програти проект.

Кнопка "Stop"

Кнопка "Stop" зупиняє запис і програвання проекту.

Import and export

Хотів би зауважити, що після перезавантаження браузера або перезавантаження комп'ютера, всі ваші записи і дані CBA не втратяться, так як всі дані зберігаються в local storage браузера, але що якщо користувачеві треба буде перевстановити браузер або форматувати жорсткий диск, може йому захочеться записати проект і розіслати його своїм друзям або ж може користувачеві потрібно створити автоматизацію для працівників компанії, де він працює. Для таких випадків в розширенні встановлена ​​можливість для імпортування та експортування проектів.

Натисніть правою кнопкою миші на іконку розширення і виберіть "Options", ви побачите сторінку налаштувань, відкриту в новій вкладці, натисніть на кнопку "export", і CBA згенерує String в форматі JSON, який ви зможете зберегти на зовнішньому пристрої і імпортувати після форматування комп'ютера . Проекти будуть знову доступні, також ви можете надіслати JSON String працівникам компанії, щоб вони змогли імпортувати проект і запустити.

Подальший розвиток розширення

В майбутньому я збираюся додати такі можливості як:

• Функцію очищення cookie браузера.
• Функцію для захоплення вкладки.
• Функцію збереження сторінки у форматі MHTML.
• Надати колекцію готових записів в форматі JSON.
• Також преміум підтримку для людей, яким буде потрібна автоматизація або для їх компанії.

Встановити Chromium Browser Automation

Автор:

Манвел Сароян

[email protected]

today 14.05.2012