Hiding the address bar of a browser (popup)

Question

I have to hide the address bar of a browser. I am using this code:

var winFeature =
        'location=no,toolbar=no,menubar=no,scrollbars=yes,resizable=yes';
window.open('Result.html','null',winFeature);

In many solutions, just the location=no attribute can hide the address bar (in both IE & Chrome). However, this didn't work for me (even in IE & Chrome).

Finally, I found a MSDN article that describes how location=no simply hides the back/forward/stop navigation buttons, and makes the address bar read-only.

Is there any solution to hide the entire address bar by ignoring above MSDN article? I am testing in IE and Google Chrome.

score 86 · Answer 1 · answered Apr 10 '13 at 12:42

What is the truth?

Microsoft's documentation describing the behaviour of their browser is correct.

Is there any solution to hide the addressbar?

No. If you could hide it, then you could use HTML/CSS to make something that looked like a common address bar. You could then put a different address in it. You could then trick people into thinking they were on a different site and entering their password for it.

It is impossible to conceal the user's location from them because it is essential for security that they know what their location is.

Great description! That would be dangerous and NOT smart if browsers let us hide their address bar — Mohammad Kermani, Sep 13 '16 at 07:29

score 42 · Answer 2 · answered May 17 '13 at 07:40

This is no longer possible in modern browsers due to security restrictions.

Official(-ish) Sources:

Firefox

In Firefox 3, dom.disable_window_open_feature.location now defaults to true, forcing the presence of the Location Bar much like in IE7. See bug 337344 for more information.
Internet Explorer 7 and later

In Internet Explorer 6, location specifies whether to display the Address Bar.

(Implying the behaviour ends with IE6)
Chrome/Chromium

Those toolbar hiding parameters are ignored in Chrome. You will also notice that modern browsers are moving towards not hiding it as security / anti phishing measures. Also see https://bugzilla.mozilla.org/show_bug.cgi?id=337344

Just FYI, MSDN link is now broken (because MSDN) and now redirects to MDN window.open(). There was a quote on another answer that was more explicit than this, but the source is gone for the same reason. — Braiam, Feb 23 '19 at 14:37

score 17 · Answer 3 · answered Aug 09 '16 at 14:41

Looking for the same, the only thing I'm able to do is

Launch Google Chrome in app mode

Chrome.exe --app="<address>"

From the run prompt. Example:

Chrome.exe --app="http://www.google.com"

Hide the address bar in Mozilla Firefox

Type about:config in the address bar, the search for:

dom.disable_window_open_feature.location

And set it to false

So, when you open a popup window, it will launch with the address bar hidden. For example:

window.open("http://www.google.com",'','postwindow');

Now, I'm looking to do something similar with Microsoft Edge, I have not found anything yet for this browser.

yunzen · Answer 4 · 2019-12-04T07:44:12.057

11

It's different in every browser.

Some years ago, what you tried, was right. But nowadays it is regarded as a security risk by browser vendors that one cannot see the browsers address bar (for phishing reasons) and so they (or most of them) made the decision to always show the browser address bar. Which is good in my eyes.

edited Dec 04 '19 at 07:44

answered Apr 10 '13 at 12:43

yunzen

32,854
11
73
106

score 3 · Answer 5 · answered Nov 27 '13 at 04:58

3

Its not possible to hide address bar of browser.

answered Nov 27 '13 at 04:58

score 2 · Answer 6 · answered Apr 10 '13 at 12:42

There is no definite way to do that. JS may have the API, but the browser vendor may choose not to implement it or implement it in another way.

Also, as far as I remember, Opera even provides the user preferences to prevent JS from making such changes, like have the window move, change status bar content, and stuff like that.

score 0 · Answer 7 · answered Aug 18 '16 at 14:27

You might no be able to HIDE it, but if you are looking for the extra space, what I did and seems to work is a very simple thing, the address bar has 60px height, so this is my solution.

@media only screen and (max-width: 1024px){ // only from ipads down
  body{
    padding-bottom: 60px; // push your whole site same height upwards. ;)
  }
}

score -1 · Answer 8 · edited Oct 12 '13 at 13:20

-1

you can do it with visual Basic, put a Webbrowser control on the form, load an html that opens a popup with Location=no and it will open a new browser without address bar. Probably not what you are looking for but just thought throw it in :)

edited Oct 12 '13 at 13:20

Ilya

29,135
19
110
158

answered Oct 12 '13 at 13:04

Cyberlex

7
1

score -4 · Answer 9 · answered Sep 21 '15 at 19:02

-4

In the Edge browser as of build 20.10240.16384.0 you can hide the address bar by setting location=no in the window.open features.

answered Sep 21 '15 at 19:02

Dan Ransom

1
1

2

Not true, just tested with: `window.open('https://www.google.com/', '', 'location=no');` address bar remains – erikvimz Nov 18 '15 at 11:37

score -4 · Answer 10 · edited Jun 29 '17 at 12:34

-4

This is how I do it for popups, though it is only working with IE11, not Chrome- haven't tested in Firefox.

window.open(url, title, 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no');

edited Jun 29 '17 at 12:34

Prasad Jadhav

5,090
16
62
80

answered Feb 03 '16 at 14:30

krmarshall87

191
2
9

score -4 · Answer 11 · answered Jun 19 '18 at 06:19

-4

You could make the webpage scroll down to a position where you can't see the address bar, and if the user scrolls, the page should return to your set position. In that way, Mobile browsers when scrolled down , will try to guve you full-screen experience. So it will hide the address bar. I don't know the code, someone else might put up the code.

answered Jun 19 '18 at 06:19

brvnbld

1
1
8

it still shows the menu bar no matter how far you scroll, just llike on this website when you scroll down on the page you can still see at the top, the location bar – B''H Bi'ezras -- Boruch Hashem May 25 '20 at 05:02

Hiding the address bar of a browser (popup)

11 Answers11

Launch Google Chrome in app mode

Hide the address bar in Mozilla Firefox

Linked

Related