Can Microsoft Edge Developer tool be used to incorporate external programs or code?

This image of msedge-devtools clearly demonstrates my point. I am interested in building a webpage parser using selenium and Microsoft Edge, beyond just JavaScript. I am seeking a way to utilize the Microsoft Edge developer tools (Inspect Element Mode) to easily extract data from specific elements. Specifically, I want to be able to add a custom option to the right-click menu in the DevTools that triggers my program to retrieve data from the selected element. Is it possible to add a new option to the options list that appears when right-clicking on an element in the Element Inspection Mode of msedge DevTools?

javascriptselenium

Answer №1

It seems like there may be some confusion on the tasks you are trying to accomplish, as you mention a few different things.

  1. Adding a custom option to the right-click menu in the developer tools

    If this is your goal, you will likely need to develop an add-in specifically for Edge, as Selenium is not designed to interact with the browser's user interface. Selenium is used to control the browser's behavior, not its UI elements.

  2. Creating a webpage parser using Selenium and Edge

    Using Selenium and Edge may not be necessary for creating a webpage parser. You can communicate directly with the webserver to retrieve the HTML content of a page and manipulate it as needed, without the use of Selenium or a specific browser.

  3. Extracting data from a specific element upon clicking

    The functionality to retrieve data from an element already exists in Selenium. Before attempting to create custom functionality, make sure to explore the existing features of Selenium, as it may already offer the capability you are seeking.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

"Utilizing a function from an external file within the Main App function - a step-by-step guide

I am currently learning React.js and I have come across a challenge that I'm unable to solve easily. I am trying to use functions instead of classes in my code, but I am struggling with using these functions as components within my Main function. Here ...

javascriptreactjs

I'm finding it difficult to grasp the purpose of $inject within controllers

I'm feeling completely lost when it comes to understanding inject in Angular. I can't seem to grasp where it should be utilized and its purpose. Is it specifically tied to factory methods, as outlined here? myController.$inject = ['$scope&a ...

javascriptangularjsdependency-injection

'view' is not recognized as a valid property of the 'div' element in Ionic3, so it cannot be bound

I am a beginner with Ionic and I'm trying to incorporate Angular Calendar into my Ionic3 application. However, I am encountering an error that says, "Can't bind to 'view' since it isn't a known property of 'div'. Here&ap ...

javascriptangularionic-frameworkionic3angular-calendar

What is the most effective method for invoking an inherited method (via 'props') in ReactJS?

From my understanding, there are two primary methods for calling an inherited method on ReactJS, but I am unsure which one to use or what the best practice is. class ParentCont extends React.Component { constructor(props) { super(props); t ...

javascriptreactjs

The Vue component does not render the JS Promise and instead displays it as

After setting up a promise that will be returned once a correct event is called with the correct action, I have the following code: import {EventBus} from "./EventBus"; export function completed() { EventBus.$on('queue-action', e => { ...

javascriptvue.jspromisees6-promise

Automate login process on Selenium web driver without storing the password directly in the code

Is there a way to log in to an application using Selenium webdriver without storing the password directly in the code? Additionally, I am looking to conceal the 'geckodriver.exe window' while the script runs. from selenium import webdriver from ...

python-3.xseleniumselenium-webdriver

Issue with displaying record attribute as a text variable

I'm currently attempting to retrieve the attribute odata.type from a record so that I can adjust my EditForm based on its value. Strangely, when I utilize a constant to achieve this and print it with console.log, it appears as follows: ƒ HWType(_ref ...

javascriptstringreactjs

Creating nested namespaces with interfaces in Typescript type definitions

In my Javascript project, I am trying to define typing for a specific structure. Consider the following simplified example: a | + A.js + b | + B.js Here we have a folder 'a', and inside it there is another folder 'b'. My goal is t ...

javascripttypescriptecmascript-6typescript-typings

AngularJS: Updating data in controller but not reflecting in the HTML view

Within my AngularJS app, I've come across the following code: example.html <div> <p>{{name}}</p> </div> <div> <button ng-click="someFunction()"></button> </div> exa ...

javascriptangularjshtmlangularjs-scope

The null error occurs when rendering with React's state array

When I try to call an API that emits JSON, I am encountering an issue. I call the promise API function in componentDidMount, set the state, and then call it in the render method, but it always returns a null error. I need assistance, please. Interface fo ...

javascriptjsonreactjstypescript

Click once to reveal, click twice to conceal the slider

I currently have a web page set up so that a single click on the text displays a slider for selecting a range of values. Now, I want to incorporate a feature where a double click will remove the slider. Below is the HTML code: <!DOCTYPE html> < ...

javascriptjqueryhtml

Using regular expressions to add a string before each occurrence

I have scoured numerous resources and forums but couldn't find a suitable solution for my problem. Since I am not well-versed in this topic, I am reaching out to the experts for assistance. This is the extent of what I have accomplished so far: This ...

javascriptregex

Invoke a method on a child component once an event has been emitted

Currently, I am working on creating a custom button component that includes a spinner. The functionality works well - the button gets disabled and displays a spinner upon click. However, I am facing issues when it comes to resetting the button's state ...

javascriptvue.jsvuejs3

Incorporating an unique identification code within the input field

I have a HTML code that displays geolocation information: <span id="currentLat"></span>, <span id="currentLon"></span> When combined with JavaScript, it works perfectly. However, I am trying to display the above value in a text fi ...

javascriptphphtml

Tips for implementing daterangepicker js in an Angular 2 project

I'm currently working on an Angular 2 project and I'm looking to integrate the daterangepicker.js library for a date range picker. If you're not familiar with it, you can find more information about the library here. Here's the HTML co ...

javascriptangulardate-rangedaterangepicker

What sets apart these two JavaScript namespaces?

My main goal is to expertly organize my javascript code by eliminating any global elements. I came across two namespace declaration methods in this informative post, and now I'm looking for your input on the advantages and disadvantages of each. ...

javascript

Incorporating marker tags to different sections of text within a contenteditable div

The main objective of this feature is to enable users to select placeholders within message templates (variable names enclosed in %). Inspired by Dribbble The API provides strings in the following format: "Hello %First_Name% %Middle_Name% %Last_Name% ...

javascripthtmlcssangular

What is the best approach for accessing values from dynamic or multiple form fields upon submission in React?

In my form, users have the ability to add Textfields in order to include additional items. However, I am facing a challenge when it comes to retrieving these items from the form upon submission. The Textfields are dynamically created by a component functi ...

javascriptreactjsformsmaterial-uijsx

Executing jQuery callback functions before the completion of animations

My issue revolves around attempting to clear a div after sliding it up, only to have it empty before completing the slide. The content I want to remove is retrieved through an Ajax call. Below you will find my complete code snippet: $('.more& ...

javascriptjqueryajax

Is it possible to transform an array into a JSON file and securely store/upload it in an AWS S3 bucket?

Recently, I started exploring aws and its capabilities. Currently, my focus is on developing a web application that allows users to input text in two separate fields. Subsequently, this text will be converted into a Json file and stored in the S3 bucket. ...

javascriptangularjsjsonamazon-web-servicesamazon-s3