Eye Web Element V3.0

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?

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.”。

擴展截圖

screenshot
screenshot
screenshot
screenshot
screenshot

下載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 Eye Web Element V3.0
ID mjfgdefifnjkibfojffgjahlbneldmgp
官方網址 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
電子郵箱 [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\/"
    ]
}