Use Google Chrome Inspect to modify a BUTTON, how to run the modified code

I use Google Chrome Inspect to modify the code for a Button (on a webpage).

And I don’t know how to run the modified Button for only one time.

Is it just simple that I click on the Button after modifying the code?

The original code:


And I modify only the field data-instructor= from null to 5151.

And i want to send a request (through a button) to the server with the modified code. Please let me know if i can do this.

Thank you.

Chrome Dev Tool Shrinks screen when inspecting an element

enter image description hereI am creating a dev. site to eventually replace an existing site and every time I inspect an element the body of the page shrinks down to a third of the left half of the page. It is also happening randomly with the slider where the image shows on only half the page from time to time. If I refresh the page it corrects it until I inspect an element again. It is making it impossible to work on this site and I have disabled the theme and gone to a stock theme as well as one by one disabled plugins trying to figure out what is causing this glitch and I have yet to determine what could be causing this issue. Has anyone else come across anything similar and if so how did you fix it?

What is the name of the Tabs widget in the devtools inspect panel?

What is the name of the tabs widget marked with a red circle in the image?
Anyone who does not recognize this is a devtools inspect panel, thanks!

tabs widget marked with a red circle

If there is no direct access to the above tabs widget, how do you view the HTML code and stylesheet of the panel?

Does Electron support pausing on uncaught exception during debugging?

When I try to use this feature in both DevTools (chrome:///inspect) and VSCode, it doesn’t pause at the location of the error in my own code, but rather the main.js file inside the default app that is bundled with electron that tries to load my modules:

enter image description here

Source: https://github.com/electron/electron/blob/master/default_app/main.js#L291

I’ve also tried this with the quick-start app and found the same issue… is there a way I can pause on uncaught exceptions in my own code?

Electron version: 1.8.2 (node 8.2.1)

OS: Windows 7

Command: electron --inspect-brk .

Customize Chrome DevTools “Inspect Element” hover box content

Chrome DevTools shows a hover box when inspecting elements that displays the element type, id, classes, height, and width. Is there an accessible mechanism to change or extend the content that is shown in this box?

Including an additional information like the computed value of a style property like display, for example, would make layout troubleshooting easier.

"Inspect Element" hover box

Customize Chrome DevTools “Inspect Element” hover box content

Chrome DevTools shows a hover box when inspecting elements that displays the element type, id, classes, height, and width. Is there an accessible mechanism to change or extend the content that is shown in this box?

Including an additional information like the computed value of a style property like display, for example, would make layout troubleshooting easier.

"Inspect Element" hover box