URL shown in browser while editing page source in HTML - html

I'm making a tutorial which involves recording my computer screen. I need to click a link that normally directs me to, say https://website.com/page. I want it to redirect me to https://website.com/another_page, which can be easily edited using Inspect Element.
However, when I click the link showing now another_page, I want the URL in browser (Firefox, Chrome) to still be https://website.com/page. Is that possible?

You could do fullscreen in which case the url wouldn't even show. I don't know if that would work with your screen recorder, but it's worth a try. You could also the edit the url directly at the top of your screen so that it shows https://website.com/page and move your keyboard focus away from it so that it appears that the url is https://website.com/page.

Related

Chrome can't see images that require username/password

So this is a weird problem, I am attempting to embed a video stream from a D-Link DCS-930L into a web page. My embed looks like this:
<img alt="" src="http://guest:password#192.0.0.10/video.cgi">
The problem is that Chrome displays a broken link image when I load the page, while Firefox and IE load it perfectly the first time.
But the really strange part is that if I right click on the broken image > Open link in new tab the stream loads, and then if I close the tab and refresh the page with the embed it loads there too! So it's definitely something to do with the username/password requirement.
I have also tried creating a user without a password but I see the same issue. There is no setting to disable this requirement in the 930L's control panel that I can find.
Does anyone know how to fix this? If not, is there a way to use PHP to execute a login automatically for the above kind of URLs?
This appears to be intentional behavior on Chrome's part since v19. Bummer.

How to find a webpage's thumbnail?

Sometimes there are several photos in a webpage, and when you post a link, a thumbnail shows up. <How do you the URL of that thumbnail?>
Depending on your browser, you have to check the source code, it mights be in the HTML OR in the CSS, check both. A quick way to find is (with google chrome) to right click on the image and choose "Inspect element"

How to implement a browser extension that adds a sidebar to each web page?

All
I am using http://kangoextensions.com/ to create an extension for multiple browsers.
This extension needs to add a sidebar to each webpage in each tab, that allows the user to interact with my server from the web page.
What I currently have is a content script that adds an iframe to the webpage. The iframe is initially hidden, but when the user presses a button I also added, the iframe is shown.
The iframe source is my own website.
This works great for the most part, but I have an issue - when the user is constantly navigating between pages, my iframe constantly disappears and re-appears with each navigation, which is not a great user experience.
I also tried using a browser extension popup window, but this window disappears when it loses focus, so it does not fit my use case.
I am looking for a way to have a "proper" sidebar - a window that is loaded once and lives for the entire duration of the browser tab.
If anyone knows of a way to achieve this, I would really appreciate it. Ideally - a solution that works on all browsers, but if you know of a way that will work only on some browsers, that's good too.
Thanks
Amir
Kango does not support sidebars at the moment.
The best you can manage is a popup.

Loading same AppCache - based url won't work on firefox and safari

I have an html that is AppCached. I load it on the safari/firefox and everything's fine.
then, I paste the same url and hitting enter in my keyboard, nothing happens (in Chrome it performs a reload).
The reason I'm interested in this scenario, is that I'm actually using URLs with hashtags, and I'm pasting the same URL, the hashtag is different and I wish the page to reload (this is the common use case in mobile when you click on links from email and such).
Can anyone explain why the browser won't reload?
If you want the page to refresh then you can't use hashtags, the whole point of hashtags is not to refresh the page when changing the URL. It sounds like what you need to do is listen to the hashchange event instead of doing it all in the load event.

Position of last-visited page

How does websites like Facebook or Stackoverflow remember the position I was at when I navigate away from their site to another site and hit the "Back" button on my browser?
It's not the website, it is the browser. If you have used ID's in your code, the browser will remember approximately which one you were at when you clicked a link.