Develop Reference

Make an <a> link or <button> automatically start dialing

I'm assuming there's got to be a way to get an <a> tag to automatically dial a phone number, because Google does it, but how?
Just using a tel: href opens a dialer, but it doesn't begin the phone call like when you click on the "Call" button (see below) from Google search results on mobile.
It looks like they're using JS to achieve this, but I'd love to know how so we can implement this into our call links on client websites. Clicking a button to call and also having to click the "dial/call" button in your dialer creates an extra barrier for conversions that I'd love to see eliminated. Any help is greatly appreciated!
Looked up a local guitar shop that I clicked to call yesterday (which automatically started the phone call) and opened the inspector. The call link html is highlighted.

This behavior is OS / Browser combination dependent.
The reason this works in your screenshot is the use of Google Chrome on a Google (Android) device. If you observe the same link using FireFox on android, or Safari on IOS you see different behaviors.
For more information reference the use of Intents

Web page parsing basics

everyone.
I need to parse web page, that is result of search request. I write Python script. So I need to fake search button click. So here's my question:
How can I find what script is run when the button is clicked?
The button code is (as I found in page inspection in Chrome):
<div class="submit button" data-ember-action="2">Search</div>
I feel that I should read more. I'll be grateful for ideas what direction to dig for.
The second is who to get script output. But, perhaps, the answer for the first question will be the answer for both

You can use Google Chrome's Developer Tools/Inspector to set a breakpoint that listens for any click. Once you set that breakpoint, you can click the button in Google Chrome and get more insight.
Here is a link that can show you how to get to the Google Chrome Developer Tools/Inspector (AKA DevTools).
Once you have the DevTools open, Click on the Sources tab near the top, then expand the Event Listener Breakpoints accordion. Next, you can expand the Mouse accordion and activate the click event listener breakpoint by checking the box next to it.
After that, you can go back to the web page and click the button to stop the application in its tracks. From there you can use the debugger to step through the code and see more information about the application.

You will need to run the JS for that, not just read the page code.
So use something like Spalsh: https://splash.readthedocs.io/en/stable/ for javascript rendering. Then you can inspect the JS events more like you did in Chrome.
For a real Chrome inspection experience use headless Chrome: https://developers.google.com/web/updates/2017/04/headless-chrome

Create button on Firefox toolbar to execute JS

I need the toolbar button to execute my custom JavaScript code in Firefox.
Currently I just copy-paste this JS into console, but it is annoying.
What is the best way to create such button?

Use a https://en.wikipedia.org/wiki/Bookmarklet.
Example - create a shortcut to any site on in your browser and replace the URL address with similar code:
javascript:(function(){ alert('Hello!'); })();

JavaScript alert with image and link

I was navigating on this page and clicked "Available for your computer" image.
Then a native browser popup that is like an alert was opened:
Please compare the one above with the following alert() that everybody knows:
How did they create such an alert?
alert seems not to support images, according to this question.
Is this possible to open with JavaScript? I guess yes, but how?
Is this cross-browser? On Firefox, I am redirected to Chrome download page.
NOTE: I DO know that there are a lot of JavaScript libraries to show alerts, but I DO NOT want to use any of them. I want a clear answer to my question.

Chrome has some specialized windows/popups available for it's own use .. things you can't do via regular JavaScript.
Other things you can't do via regular JavaScript are the
Enable Webcam prompt window
Download file window.
If you are trying to do something similar in pure JavaScript, this is a great little replacement:
http://www.codersgrid.com/2013/07/05/alertify-js-replacement-of-your-browser-alert-dialog/

This seems to be a "chrome specific" popup. The application you want to install by clicking on this button is a Google App, which install is handled by Chrome. I think.
Except Bootstrap-like modals, I have never seen such thing in Javascript before.
Check this if you want to implement such popups on your website:
http://getbootstrap.com/javascript/#modals

instead of using alert . you can use any external plugin confirm box.Then you can customize your dialog box

Webbrowser Control - Dealing with popups that use javascript

after much research I've been trying to find a code that not only captures popup links in the webbrowser for it to navigate in, but also works on javascript codes that open new windows or popups.
i tried using the webbrowser1_newwindow event with the following code (and works great)
' prevent opening a new window
e.Cancel = True
WBAccountVirgin.Navigate(e.Url.ToString)
but it doesn't work with javascript code using:
javascript:newPopup
i managed to remove the javascript code as a string and just navigate to that and also works but not every time.
So here's the question:
What code can i use that works with every sort of newwindow event or popup where i don't need to provide the url beforehand of that popup? Also that works with javascript popup codes..
I've seen that most places people offer the solution of using the NewWindow2 and NewWindow3 event but that isn't even part of the pre-loaded Webbrowser control which i am using. I don't want to use the Microsoft Webbrowser that i have to import. I want to use the WebBrowser Control which is already loaded.