Visually changing URL in browser

Question

I want to visually (not affecting real address) change URL in browser address bar, like this:

Real:  http://www.example.com/example_a_b_c.html
Shown: http://www.example.com/e_a_b_c

(I may also want to change domain name, if I could)

It would be much nicer if there is an option to use any simple Javascript code or function. I don't actually know the language, so I'm only looking for a little code that would fit into an HTML <script> tag, just for myself.

Possible duplicate of http://stackoverflow.com/questions/824349/modify-the-url-without-reloading-the-page — Claudio, Apr 16 '15 at 18:42
Do you want the word "example" to be removed? I suppose you'll want to put the code in multiple pages, not only in one, right? — Al.G., Apr 16 '15 at 18:46
Oh, I don't know. May be. As I said - I don't actually know the JS language. — user4797999, Apr 16 '15 at 18:54

Marco Bonelli · Accepted Answer · 2015-04-16T18:52:21.303

1

You can achieve this using the History API, and, more precisely, using the history.pushState() method.

An example of this, in your case, would be:

history.pushState(null, null, '/e_a_b_c');

To answer your other question:

I may also want to change domain name, if I could.

Unfortunately you can't, that would be a huge security flaw, and it's not possible at all.

edited Apr 16 '15 at 18:52

answered Apr 16 '15 at 18:42

Marco Bonelli

63,369
21
118
128

Thanks, would definitely try that one! – user4797999 Apr 16 '15 at 18:45
Sorry, I did not include that I also want to know how change it to completely different domain, sorry. Now it is. – user4797999 Apr 16 '15 at 18:47
Thanks. Just as I thought, you can't do that. But thanks anyway! – user4797999 Apr 16 '15 at 18:57

Visually changing URL in browser

1 Answers1