Eye Web Element V3.0とは何ですか？

Eye Web Element V3.0はUnknownによって開発されたChromeの拡張機能で、その主な機能は「This extension will help determine unique Selenium WebElement that can be used with PageFactory to initialize elements on the page.」です。

拡張機能のスクリーンショット

Eye Web Element V3.0拡張機能のCRXファイルをダウンロード

Eye Web Element V3.0拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。

拡張機能の使用方法

Overview:

Tired of typing JSON files for the automation of your webpages?
Installed an element locator extension in your browser to inspect elements?
Cool, no doubt about it, but how about an extension which can generate JSON files for all the inspected elements of your webpage?
Well, this extension resolves this hassle.

Guide to use:
• Add Element Inspector extension to your browser.
• Turn the extension on (eye icon will be shown).
• Hover mouse on the element.
• Press:
1. ‘X’ for XPath.
2. ‘C’ for Class Name.
3. ‘S’ for CSS Selector.
4. ‘N’ for Name.
5. ‘I’ for ID.
6. ‘F’ for Full XPath.
• Enter the Key in the prompt to save the JSON object against that key and click OK.

TADA!

Maintain your JSON in the same fashion and have fun!

Setup Guide for Element Inspector:

Chrome (In case of locally deployed websites):
• Create a copy of Google chrome.
• Append --disable-web-security --user-data-dir=~/chromeTemp after the target’s address: for example: "C:\Users\JohnDoe\AppData\Local\Google\Chrome\Application\chrome.exe" --disable-web-security --user-data-dir=~/chromeTemp
• Open google chrome and add this extension.
• Route to chrome://flags/#block-insecure-private-network-requests
• Disable Block insecure private network requests.

Server:
• Download and install Node.js
• Download the repository and unzip it to some location, i.e. Desktop.
• Open index.js file in the Visual Studio code.
• Open the terminal of Visual Studio code.
• Run the command npm i
• Run command as, node .\index.js

Switch the extension on, hover mouse to some element on webpage and press Keys (i.e. x, s, n etc.).
JSON File should be created as Sample.json in the folder of nodetest.

Link for Node Server repository:

https://github.com/JawadRehmanCS/NodeServer

拡張機能の基本情報

名前	Eye Web Element V3.0
ID	mjfgdefifnjkibfojffgjahlbneldmgp
公式URL	https://chromewebstore.google.com/detail/eye-web-element-v30/mjfgdefifnjkibfojffgjahlbneldmgp
説明	This extension will help determine unique Selenium WebElement that can be used with PageFactory to initialize elements on the page.
ファイルサイズ	29.22 KB
インストール数	52
現在のバージョン	3.0
最終更新日	2021-12-20
公開日	2021-12-20
評価	5.00/5 合計 1 レビュー
開発者	Unknown
Eメール	[email protected]
支払い方法	in_app
ヘルプページのURL	https://www.linkedin.com/in/jawad-rehman-75ab791b1
対応言語	en-US
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "manifest_version": 2, "name": "Eye Web Element V3.0", "description": "This extension will help determine unique Selenium WebElement that can be used with PageFactory to initialize elements on the page.", "version": "3.0", "background": { "scripts": [ "background.js" ], "persistent": true }, "browser_action": { "name": "Click to change the icon's color", "default_icon": "icon-on.png" }, "content_scripts": [ { "matches": [ "http:\/\/\/", "https:\/\/\/" ], "js": [ "listener.js" ] } ], "permissions": [ "activeTab", "storage", "http:\/\/\/", "http:\/\/localhost:8000\/*", "http:\/\/localhost:8000\/" ] }