PyQt5內嵌瀏覽器注入JavaScript腳本實現(xiàn)自動化操作的代碼實例
更新時間:2019年02月13日 10:58:27 作者:李毅
今天小編就為大家分享一篇關于PyQt5內嵌瀏覽器注入JavaScript腳本實現(xiàn)自動化操作的代碼實例,小編覺得內容挺不錯的,現(xiàn)在分享給大家,具有很好的參考價值,需要的朋友一起跟隨小編來看看吧
概要
應同學邀請,演示如何使用 PyQt5 內嵌瀏覽器瀏覽網頁,并注入 Javascript 腳本實現(xiàn)自動化操作。
下面測試的是一個廉價機票預訂網站(http://www.flyscoot.com/),關鍵點如下
- 使用 QWebEngineView 加載網頁,并顯示進度。
- 在默認配置(QWebEngineProfile)中植入 Javascript 內容,這樣腳本會在所有打開的網頁中執(zhí)行,不論跳轉到哪個網址。
- Javascript 腳本使用網址中的路徑名,判斷當前網頁位置,從而決定執(zhí)行哪種操作。
python 代碼示例
#!/usr/bin/env python3 # -*- coding: utf-8 -*- '''使用 PyQt5 內嵌瀏覽器瀏覽網頁,并注入 Javascript 腳本實現(xiàn)自動化操作。''' import os import sys from datetime import datetime from PyQt5.QtWidgets import ( QWidget, QApplication, QVBoxLayout, QHBoxLayout, QDesktopWidget, QTextEdit, QLabel, QLineEdit, QPushButton, QFileDialog, QProgressBar, ) from PyQt5.QtCore import QUrl, pyqtSlot from PyQt5.QtWebEngineWidgets import QWebEngineView, QWebEngineProfile, QWebEngineScript, QWebEnginePage class Browser(QWidget): def __init__(self): super().__init__() self.init_ui() # 腳本 self.profile = QWebEngineProfile.defaultProfile() self.script = QWebEngineScript() self.prepare_script() def init_ui(self): self.webView = QWebEngineView() self.logEdit = QTextEdit() self.logEdit.setFixedHeight(100) self.addrEdit = QLineEdit() self.addrEdit.returnPressed.connect(self.load_url) self.webView.urlChanged.connect( lambda i: self.addrEdit.setText(i.toDisplayString())) self.jsEdit = QLineEdit() self.jsEdit.setText('inject.js') loadUrlBtn = QPushButton('加載') loadUrlBtn.clicked.connect(self.load_url) chooseJsBtn = QPushButton('選擇腳本文件') chooseJsBtn.clicked.connect(self.choose_js_file) # 導航/工具 top = QWidget() top.setFixedHeight(80) topBox = QVBoxLayout(top) topBox.setSpacing(0) topBox.setContentsMargins(5, 0, 0, 5) progBar = QProgressBar() progBox = QHBoxLayout() progBox.addWidget(progBar) topBox.addLayout(progBox) naviBox = QHBoxLayout() naviBox.addWidget(QLabel('網址')) naviBox.addWidget(self.addrEdit) naviBox.addWidget(loadUrlBtn) topBox.addLayout(naviBox) naviBox = QHBoxLayout() naviBox.addWidget(QLabel('注入腳本文件')) naviBox.addWidget(self.jsEdit) naviBox.addWidget(chooseJsBtn) topBox.addLayout(naviBox) self.webView.loadProgress.connect(progBar.setValue) # 主界面 layout = QVBoxLayout(self) layout.addWidget(self.webView) layout.addWidget(top) layout.addWidget(self.logEdit) self.show() self.resize(1024, 900) self.center() def center(self): qr = self.frameGeometry() cp = QDesktopWidget().availableGeometry().center() qr.moveCenter(cp) self.move(qr.topLeft()) @pyqtSlot() def load_url(self): url = self.addrEdit.text().strip() if not url.lower().startswith('http://') \ and not url.lower().startswith('https://'): url = 'http://{}'.format(url) self.load(url) @pyqtSlot() def choose_js_file(self): f, _ = QFileDialog.getOpenFileName(filter="Javascript files(*.js)") if os.path.isfile(f): self.jsEdit.setText(f) self.prepare_script() def prepare_script(self): path = self.jsEdit.text().strip() if not os.path.isfile(path): self.log('invalid js path') return self.profile.scripts().remove(self.script) with open(path, 'r') as f: self.script.setSourceCode(f.read()) self.profile.scripts().insert(self.script) self.log('injected js ready') def log(self, msg, *args, **kwargs): m = msg.format(*args, **kwargs) self.logEdit.append('{} {}'.format( datetime.now().strftime('%H:%M:%S'), m)) def load(self, url): self.log(f'loading {url}') self.addrEdit.setText(url) self.webView.load(QUrl(url)) if __name__ == '__main__': app = QApplication(sys.argv) b = Browser() b.load('http://www.flyscoot.com/') sys.exit(app.exec_())
Javascript 腳本示例
// 簡單起見,這里只演示部分頁面,腳本內容摘自 Heng丶原貼文。 function handle(path) { // 首頁 if (path == '/zh') { document.getElementsByClassName('radio-inline')[1].click(); document.getElementById('oneway_from').value='廣州 (CAN)'; document.getElementById('oneway_to').value='新加坡 (SIN)'; document.getElementById('oneway_departuredate').value='2018年9月10日'; document.getElementsByClassName('btn--booking')[1].click(); return; } // 選擇航班 if (path == '/Book/Flight') { document.getElementsByClassName('price--sale')[0].click(); document.getElementsByClassName('heading-4')[0].click(); document.getElementsByClassName('btn-submit')[0].click(); return; } // 乘客信息 if (path == '/BookFlight/Passengers') { document.getElementsByClassName('fname1')[0].value = "匿名"; } } let host = document.location.hostname; if (host.endsWith('.flyscoot.com')) { handle(document.location.pathname); }
總結
以上就是這篇文章的全部內容了,希望本文的內容對大家的學習或者工作具有一定的參考學習價值,謝謝大家對腳本之家的支持。如果你想了解更多相關內容請查看下面相關鏈接
您可能感興趣的文章:
- JavaScript 實現(xiàn)自己的安卓手機自動化工具腳本(推薦)
- JavaScript 常見安全漏洞和自動化檢測技術
- 使用auto.js實現(xiàn)自動化每日打卡功能
- Angular.js項目中使用gulp實現(xiàn)自動化構建以及壓縮打包詳解
- nodejs前端自動化構建環(huán)境的搭建
- Angular.Js的自動化測試詳解
- 從零搭建docker+jenkins+node.js自動化部署環(huán)境的方法
- Angular.js自動化測試之protractor詳解
- python接口自動化(十七)--Json 數(shù)據處理---一次爬坑記(詳解)
- JavaScript揭秘:實現(xiàn)自動化連連看游戲
相關文章
Python pandas實現(xiàn)excel工作表合并功能詳解
這篇文章主要介紹了Python pandas實現(xiàn)excel工作表合并功能以及相關實例代碼,需要的朋友們參考學習下。2019-08-08Python靜態(tài)類型檢查新工具之pyright 使用指南
這篇文章主要介紹了Python靜態(tài)類型檢查新工具之pyright 使用指南,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下2019-04-04