a href target blank sometimes stucks on about:blank - html

I am trying to open a google docs link in a new tab on browser like:
Google Sheet
But sometimes link does not open and stucks on about:blank page. But if I press refresh button, the link opens. What can be the problem and how can I fix it?
I tried on Chrome, Opera and Yandex browsers. All of them acts the same.

Dont use the url=
Or download the file and put it in your folder. Then set the href to open or download your pdf. Would this be a sol?

Related

How can I open my html file on Google Chrome?

I am trying to get used to html. I want open my html project on Google Chrome but I am just getting classic page on local host. (https://i.stack.imgur.com/fFJDg.jpg) (https://i.stack.imgur.com/lZjuK.jpg)
I am just try to open on Edge but get this page again. What can I do about this problem?
Just paste the path of the html file including the .html to the browser.
Eg, c://Desktop/user/project/file.html -> paste on url
There are 2 ways for opening .html files in Google chrome.
Way 1 :
Right click on the .html file and select open with Google chrome.
Way 2 :
Open Google Chrome
Press ctrl + o
A window opens
Navigate to your destination folder and click on your .html file
That's it. There you go.
Hope This is helpful.

Why chrome shows alert randomly when try to open custom protocol url with location.href?

i had took a look to another threads about chrome and custom protocol apps, but i couldn't resolve a doubt i've got. In my web app, when you click a button it fire a new tab with an webpage (window.open(url, "_blank")). The new tab is opened with the url (annother web app with https protocol). This url fire a javascript function on load that verifies some things and then generate a custom url, for example myurl://base64code, and put it in an existing iframe in this way windows.frames['myframe'].location.href=theCustomProtocolUrl. i tried in different ways (location.replace, create a new iframe and set the url, etc) and i always have the same problem. If i refresh (ctrl f5) the page it always show the dialog or if i open the link with the developer console opened. But if i click my button and the page is opened in a new tab it doesn't work only if i refresh (ctrl+f5). This works perfectly on IE11, it launch the app directly.
Any ideas why chrome, and edge, works like this?
UPDATE: I have found the reason, is i use the protocolcheck.js (https://gist.github.com/vladimirtsyupko/cfcd332476b16683bb0b) library.
First i tried to open a protocol with the timeoutHack (it use blur event) and then, after failing, it fires the other url (in this case https) and the dialog doensn't appear. I found a bug with blur event on chrome > 85 https://bugs.chromium.org/p/chromium/issues/detail?id=1137801
Thanks in advance

How to save rendered fonts?

How would I save rendered fonts from websites? I tried ctrl + s on Chrome then saved the page and it didn't save the rendered font... I used inspect element on the saved page and there's a lot of these errors that say "Failed to load resource: net::ERR_FILE_NOT_FOUND" about the fonts on console... Could someone please help me? I really want the fonts that htmlBurger uses on the text "YOUR CODING SERVICE" so that I can use it on my website.
On that page (htmlBurger), just open DevTools (In Chrome it's Ctrl+Shift+I) and go to Sources tab. From right navigation go to:
htmlburger.com > assets > fonts/tungsten-rounded
Then select font you want to download and right click it and choose Open in new tab. It should automatically download font.

Open a chrome:// URL from HTML anchor

When running my application in debug mode I would like to display an HTML anchor link that opens the chrome://inspect page (I can safely assume users are using Chrome).
I can construct a link like the following:
Open Chrome Dev Inspector
When hovering over the link, it shows the expected URL in the Chrome status bar, but clicking it does nothing. If I right click and "open in a new window" it just opens a blank page (about:blank).
When clicked, the following error is shown in the console:
Not allowed to load local resource: chrome://inspect/
Is it possible to programmatically open chrome:// URLs?

Link to chrome://extensions page in non extension HTML

I am trying to link to chrome://extensions in a normal HTML page (of a non-extension). However clicking the link won't do anything:
chrome://extensions
Right-clicking and opening in new tab just opens the about:blank page. How do I provide a working linking to the Chrome extensions page?
As you can see if you open the console, this is completely impossible, for security reasons.