Can I hide the toolbar in Safari while in Full Screen mode?

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?

Solution 1:

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.

Solution 2:

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

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

Solution 3:

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.