20

When in non-full-screen mode, Safari lets me use the +| shortcut or View > Hide Toolbar to hide the URL and search bar, etc. However, when I'm in Full Screen mode, this option is greyed out. Is there any way I can hide it without exiting Full Screen?

19

In Safari 10.0.1 on macOS Sierra it is quite simple - you have to uncheck View > Always Show Toolbar in Full Screen to hide the toolbar.

**View** > **Always Show Toolbar in Full Screen**

  • 1
    This should be the top-voted answer. – Sridhar Ratnakumar Sep 30 '17 at 19:04
  • Note that you might have to go into Full Screen mode before you can uncheck it – nachocab Apr 6 at 8:43
10

Enter full screen mode, right-click anywhere around the address bar then click "Hide Toolbar" in the menu that appears.

enter image description here

Although next time you enter full screen mode the toolbar comes back.

  • 3
    Be careful, because once you do this, the only way to get the bar back is to exit and then enter full screen mode again. – Samuel Spencer Apr 19 '12 at 22:24
  • 1
    no, you can click view/customize toolbar... to restore it – dmitry Apr 8 '13 at 11:06
  • 8
    This doesn't seem to work in Mavericks. – Brigham Dec 16 '13 at 20:37
  • Checkout my solution below. It'll work with Mavericks. – rgtk Feb 2 '14 at 2:02
9

Open console (⌥⌘C or Develop > Show Error Console), paste this code:

(function() {
  var el = document.createElement('div'),
      docEl = document.documentElement;

  el.innerText = 'Go to fullscreen view';
  el.setAttribute('style', 'position: fixed; top: 10%; left: 10%; padding: 30%; background: #000; color: #fff; opacity: .7; cursor: pointer;')
  document.body.appendChild(el)

  el.onclick = function() {
    if (docEl.requestFullscreen) {
      docEl.requestFullscreen();
    } else if (docEl.mozRequestFullScreen) {
      docEl.mozRequestFullScreen();
    } else if (docEl.webkitRequestFullscreen) {
      docEl.webkitRequestFullscreen();
    }
    document.body.removeChild(el);
  };
})();

and click the black box.

You need to activate Developer-Tools for this solution. To enable Developer-Tools, go to Advanced, click "Show Develop menu in menu bar" at the bottom of the window.

  • i wonder if this could be made into a bookmarklet – John Bachir Aug 19 '14 at 7:56
  • javascript:document.documentElement.webkitRequestFullScreen() – Peater de Xel Jul 20 '15 at 9:36
  • @ralfix, your solution won't work since Webkit-based browser require function like this triggered by user action (via click event for example). – rgtk Jul 20 '15 at 10:11
  • @rgtos: It actually works fine for me, using Safari 8.0.8. – Peater de Xel Aug 17 '15 at 20:43

You must log in to answer this question.

protected by Community Dec 11 '18 at 2:47

Thank you for your interest in this question. Because it has attracted low-quality or spam answers that had to be removed, posting an answer now requires 10 reputation on this site (the association bonus does not count).

Would you like to answer one of these unanswered questions instead?

Not the answer you're looking for? Browse other questions tagged .