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
Related
If you hit "Download" a new bar appears and gives you the options: "1080p, 720p, 480p, 320p". I am trying to copy the link for 1080p.
If you left click on 1080p it starts downloading regularly. If you right click on 1080p it's as if you right clicked anywhere on the page.
Here is what it looks like.
I opened up developer tools and looked thru the Elements & Network tabs but I cannot find any links.
This is what Elements looks like.
Once you actually hit 1080p a link appears but it disappears.
This is what the url looks like.
Can someone explain how I would capture this link?
Obviously there is a (java)script which will be triggered if you click on that button which downloads that video. A way to (among other things) prevent what you are trying to do...
I am making a simple website and I am encountering a problem whenever I reload it.
I placed my menu at the middle of the screen and when you clicked it, it needs to go down to the content. My problem is, whenever I reload it, it would still go up and show the upper picture. What I want is that after one of the menu is pressed, the menu should now stay on the upper corner of the screen without showing the upper picture (Sample website -> http://ec2-54-84-168-45.compute-1.amazonaws.com/Teapop/)
It seems like my url code that directs it on a particular div (e.g menu#teapop_nav)` doesn't work as I expected after I deployed it on the hosting site even though it works well on my local build.
Without using any javascript code, is there a fix for this using html5/css3?
Thank you.
i just tested it on my computer (chrome & firefox) and it seems to work. And also on page refresh. The picture is always on the top.
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.
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.