web-dev-qa-db-fra.com

Comment afficher du HTML en le tapant dans la barre d'adresse?

Existe-t-il un moyen pour que le navigateur affiche une page HTML donnée en collant le code HTML dans la barre d'adresse, puis en tapant Entrée? Le navigateur est Google Chrome. Malheureusement, si je colle le code HTML et que j'appuie sur Entrée, il est redirigé vers le site de recherche Google ... ce qui n'est pas ce que je veux!

Je souhaite coller le code HTML, tel que <html> <body> ... </ body> </ html>

Une autre option à laquelle je pensais est de coller quelque chose comme

javascript: document.write ('<html> <body> ... </ body> </ html>');

mais cela ajoute le code HTML à la page actuelle, alors que je veux réinitialiser le contenu de la page à la place.

htmlgoogle-chrome
36
ignis

Vous pouvez utiliser data:text/html, un exemple:

data:text/html,<h1>Hello World</h1><script>alert('JavaScript works too!');</script>

Autres exemples d'URI de données: https://developer.mozilla.org/en/data_URIs

73
Ray
javascript:document.write("your code here");
7
avetarman

Ou, pour rendre les choses encore plus faciles si vous avez besoin de différents codes HTML affichés à des moments différents, essayez de les insérer dans la barre d’adresses, puis de saisir le code HTML dans l’invite. Ce code JavaScript qui se trouve dans la barre d'adresse est appelé un bookmarklet. Si vous devez le faire souvent, vous pouvez l'ajouter en tant que favori/favori pour un accès facile.

javascript:document.write(Prompt('Enter the HTML', ''));
4
SeriousSamP

URL: javascript:document.write('foo');

Vous pouvez afficher des données HTML à l'aide d'une manipulation DOM, mais vous ne pouvez pas entrer directement HTML.

2
Demian Brecht

Vous pouvez faire ceci avec ceci:

javascript:document.location.replace( 'about:Blank' ); javascript:void(document.write("<html>HTML here</html>"));

Si vous voulez ouvrir un nouvel onglet/écran et le montrer ici, vous pouvez utiliser ceci:

javascript:window.open("javascript:void(document.write('<html>HTML here</html>'));", "test");

Pas sûr de savoir comment cela fonctionne avec chrome tho.

0
Manuel

Vous pouvez également le faire directement dans votre navigateur de la sorte si vous utilisez du chrome (testé sur mac). Il suffit de le coller dans la barre d'adresse et voila, vous pouvez copier le caractère de tabulation.

data:text/html,<pre>&#9</pre>
0
Jonas Stensved
javascript:void(document.write("<html style='color:red'>HTML goes here</html>"))
0
Mark Cidade