Как скрыть отображение адреса всех ссылок в браузере одним скриптом?

Question

[Roman-roman]

Приветствую! Ребята, подскажите, как одним скриптом можно скрыть отображение ссылки в углу браузера? Внешних ссылок на сайте сотни, и каждую отдельно скрывать не вариант, весь инет перерыл, не нашел единого решения....

Comments

[dollar]

В каком еще углу? Может, скриншотом покажете?

[Roman-roman]

dollar, при наведении курсора на ссылку появляется адрес ссылки в углу браузера, так понятнее?

[hzzzzl]

это уже надо в настройках браузера искать, где это выключается, скрипты тут ни при чем

[Roman-roman]

[Roman-roman]

hzzzzl, нужно сделать так, что бы пользователи сайта не видели ссылку, на которую переходят, или подменить её, на свою.

[Roman-roman]

Roman-roman, речь идет о партнерских ссылках (их сотни на сайте)

[hzzzzl]

Roman-roman, нормальный браузер как раз поэтому и не позволяет это сделать (в хроме вообще нельзя убрать status bar, сейчас прогуглил)

"подменить" конечно можно типа так

document.querySelectorAll('a').forEach(a => a.href = "https://www.google.com")

впрочем можно так же пройтись по всем A и поменять их на BUTTON, а кнопку стилизовать под ссылку, и по нажатию куда-то редиректить... ¯\_(ツ)_/¯

[Игорь]

Это фишка браузера.

Answer 1

[dollar]

document.querySelectorAll('a').forEach(a=>{
	if(!a.href || !(a.href.indexOf('http')===0)) return;
	let href = a.href;
	a.removeAttribute('href');
	a.addEventListener('click',e=>{
		location.href = href;
	});
});

Но этот скрипт испортит некоторые хитрые кнопки. Так что надо доделывать либо под конкретный сайт, либо думать, как определять кнопки в универсальном варианте скрипта.

Немного улучшенный вариант:

Но нет предела совершенству. Улучшать можно бесконечно.

document.querySelectorAll('a').forEach(a=>{
	//a.style.backgroundColor = 'red'; //красным проигнорированные
	if (a.href && a.href.indexOf('javascript:') === 0) {
		//a.style.backgroundColor = '#ff0'; //желтым скриптованные ссылки
		let eval_str = a.href.substr(11);
		a.addEventListener('click',e=>{
			eval(eval_str);
		});
		a.removeAttribute('href');
		return;
	}
	if(!a.href || !(a.href.indexOf('http')===0)) return;
	let c = a.className;
	if (c.indexOf('button') > -1 || c.indexOf('btn') > -1 || c.indexOf('like') > -1 || c.indexOf('reply') > -1) return;
	if (a.querySelector('svg') || a.querySelector('img')) return;
	if (a.style.borderRadius) return;
	//a.style.backgroundColor = '#0f0'; //зеленым очищенные ссылки
	let href = a.href;
	a.removeAttribute('href');
	a.addEventListener('click',e=>{
		location.href = href;
	});
});

Comments

[Roman-roman]

Это то, что нужно, правда текст ссылок стал черного цвета, но работает :) Благодарю!

[Александр Аксентьев]

Roman-roman,

текст ссылок стал черного цвета

потому что без href это уже не ссылки для браузера. И они типа не кликабельные, если бы не было JS события повешено сверху.

Так что надо каким-то текстом заменять или хотя бы #, а то ссылки не ссылки.

[dollar]

Александр Аксентьев, пробовал первым делом. Не помогает решить проблему в вопросе. Так что ответ именно такой

[Александр Аксентьев]

dollar, так разве задача не скрыть настоящую ссылку стоит? То что там внизу показывает пофиг. Потому что реально ссылки не ссылки получаются таким образом)

[dollar]

Александр Аксентьев, задача скрыть внизу. Правда, осталось тайной, зачем.