21

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?

23

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**

| improve this answer | |
  • 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 '19 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.

| improve this answer | |
  • 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. – Sam 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.

| improve this answer | |
  • 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.

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