I want to give demo to some person of my web application so i want to capture screen without Address bar so that they will not know the domain, can you please tell me how to hide address bar or can i hide domain . I have latest chrome and Mozilla
Cheers
I'm using a self-written stylesheet to achieve that purpose for Firefox.
It hides the complete top-bar and appears when hovering over the top window-border, or focusing the address-bar with the key-combination Ctrl+L.
It's not perfect (e.g. there can be a flickering effect when focusing the address-bar, or after clicking the hamburger-symbol to open the menu, you need to use the Arrow-Down-key for selecting a menu-item) but works for me:
https://github.com/ida/skriptz/blob/dde60dadcca5bb45ce6ca14bb74373637f31a309/setup/browser/ff/userChrome.css
F11 really maximise the window. But if you move your mouse (or presss any key), the navigation bar reappears, thus revealing the URL again !
For hiding URL
Firefox: View -> Toolbars -> Untick "Navigation bar" Toolbar
Just for the record and for defending my necromancer badge:
For Firefox: The addon "Hide Navigation Bar" worked till version 52 came out. I don't know of any other method of hiding it.
To hide the Tabbar, the addon "Hide Tabbar" should still work. I guess it will continue to work until November 2017, when WebExtensions will be the big deal and probably break a lot of old addons like e.g. TabGroups. Just read the first few comments on the tab-groups addon page, to learn that not everyone is pleased with WebExtensions, and this to learn that probably some legacy-addons are already defunct.
I'm no addon-developer, and don't know if the situation really is that dramatic, but I'll sure miss tab-groups.
For Chrome: User Force has given the ultimate hint here, for hiding everything except the content-area. I'll use it to watch amazon prime video.
In firefox right click on toolbar and uncheck navigation bar, or go to view - > toolbars and uncheck navigation bar. In chrome full screen mode is solution (F11)
F11 hides the address bar in Firefox eventually. Using it a second time will make the bar reappear.
If you only want to hide the address bar, uncheck the menu item at View > Toolbars > Navigation Toolbar.
Related
I use a program called Organizr that runs in the browser and in order to make it easier to use I use the create shortcut option in chrome and check the box to have it open as a window. This is nice because it doesn't have the address bar/tabs/bookmarks bloat from the main browser but the issue is that it has a wide white bar across the top with site information, and it doesn't go away when I make the window fullscreen which is problematic since I use Organizr to access my Plex library and watch videos. Can anyone advise on how to hide/remove this info bar from the window?
There's the thin bar at the very top that just says Organizr and that is fine, but the bar below it with the (i) and it says Organizr V2 and localhost is what I'm talking about.
(This is a repost from https://support.google.com/chrome/thread/8422935?hl=en)
I'm late here and what I'm going to propose here is not even a real solution because it slightly change the window's top bar (at least on edge chromium it becomes white and you can't manage anymore addons and other things):
add this option --app=https://www.yoursitehere.domainhere (replace yoursite.domainhere with the link of the site you want see as app) to the destination (in shortcut property).
If you find any other solution would be awesome
Today I noticed a small menu in the bottom left of Chrome Inspector. Upon clicking the dots, this menu appears. When you select an option, a tab is open in the bottom of inspector, but nothing changes on the page or in inspector.
Does anyone know what this menu is used for?
You've just discovered like 8 new worlds of DevTools features, my friend.
That whole section is called the Drawer. It's collapsed in your screenshot, which is why it seems like nothing is happening. Press Escape to expand it. You should be able to drag the bar to the right of the Search tab to adjust the Drawer's height.
Each of those menu items represents a different tab in the Drawer.
P.S. the Drawer collapses automatically when you're on the Console panel, if you also have the Console Drawer tab open. Otherwise DevTools would have to make sure that the two UIs stay in sync.
P.P.S. the Drawer should probably auto-expand when you click on a menu item, since you obviously want to use that tab. I think that's fixed in later versions of Chrome but I'll file a bug report if not.
When I have some breakpoints set up in a script google chrome removes the ability to scroll the webpage, saying at the top of the screen Paused in debugger. Is there a way to disable this so that I can look at elements in various parts of the page, while also looking at the script in the debugger?
Taken from here.
An easy workaround for the scrolling lock-up is to just jump to the console, and:
window.scrollTo(0, 800). (Replace 800 as needed)
You can click on the Elements tab and then hover over the HTML to the element you are interested in and right click to "Scroll into view". Not the most natural and fast, but it works...
Was just trying to cobble a quick site together as a favour for my sister. It's based on a template she bought and I've just quickly bunged her copy/pictures in, so I'm aware the markup is far from perfect. That said, I can't see how it would be causing the following issue...
The template uses a jQuery plugin called jScrollPane to make the content sections scrollable. Sometimes however, in Chrome (v20) this doesn't work - it doesn't let you scroll all the way down.
What's really odd though, is the pattern I've found that seems to effect whether it works or not. Try the following
Go to http://mattandkate2012.co.uk in Google Chrome - click 'Ceremony' - can you scroll down far enough to see the map? I can't.
Press the reload icon, click 'Ceremony' - can you scroll down? I can't.
Select the URL in the browser URL bar, press enter - can you scroll down? I can now!
Does everyone else get the same results as above, and do you have any idea why pressing enter in the URL bar has a different effect to the reload button?
This functionality works fine in Firefox and even IE!
Thanks
Pete
From a very quick look I guess it's because the section contains an image and you aren't re-initialising jScrollPane once the image loads. See:
http://jscrollpane.kelvinluck.com/image.html
The difference between refreshing and pressing enter in the location bar is that the cached image is shown when you press enter in the location bar...
I would suggest moving the call to $('.content').jScrollPane({showArrows: true}); to inside the $(document).ready block - if you call it before the document is ready often images or other elements won't have loaded and so the height of the containers will be wrong.
Could anyone recommend a good way to discover any non-https items on an https page. Using Chrome, I'll typically look at Resources and go one-by-one, but this doesn't seem like the right away, and it's still hard to catch some things.
There is a little button bottom right hand corner of the developer inspector called "Show console". The icon looks a bit like this >= (instead of 2 horizontal lines it's three)
When you click that it will show you all the insecure content items. It's probably something loading from your css. That should do the trick.
on firefox you just "view page info" and then click the media tab