2012-02-17 5 views
0

Je suis nouveau à la création d'extensions et je ne connais pas beaucoup le HTML mais j'ai une idée pour une extension de chrome qui devrait être assez simple, donc si vous me donnez un peu d'aide, je peut être capable de le faire.Google Chrome Extension: Page Web dans Popup

Je souhaite qu'une fenêtre s'ouvre lorsque l'utilisateur clique sur l'icône de l'extension (comme la plupart des extensions) et que la fenêtre contextuelle est censée contenir une page Web du type "http://google.com". C'est en fait à ce sujet. J'ai créé le fichier manifest avec les données requises et c'est très bien, maintenant je dois savoir comment faire pour que le fichier html contienne la page web externe. Un autre problème: lorsque j'ai essayé différentes choses dans le fichier html, le popup était petit et juste blanc.

J'espère que quelqu'un peut me donner un indice. Merci!

Répondre

0

Vous devriez pouvoir utiliser une balise iframe dans votre popup. Je le fais plusieurs fois pour indiquer à l'utilisateur une page FAQ hébergée à l'extérieur.

1

J'ai fait une extension qui affiche des liens vers plusieurs sites Web. Mon popup.html ressemble à ceci:

<!DOCTYPE html> 
<html> 
<body> 
<p> 
<a href="http://www.google.com" target="_blank>Google</a> <br/> 
<a href="http://stackoverflow.com" target="_blank>StackOverflow</a> <br/> 
</p> 
</body> 
</html> 

Le target = "vierge signifie qu'il ouvre le site dans un nouvel onglet

Plus d'informations sur le langage HTML se trouve ici: http://www.w3schools.com/html/html_links.asp

Assurez-vous pour faire l'icône 19x19 pixels, et assurez-vous de le nommer dans le fichier manifest.json avec l'extension de nom de fichier par exemple

"browser_action":{ 
"default_icon":"iconname.png", 
"default_popup":"popup.html" 
} 
+0

'target =" _ blank "' signifie en réalité qu'il s'ouvre dans une nouvelle fenêtre. Si vous avez défini vos préférences pour ouvrir de nouvelles fenêtres dans un nouvel onglet, il le fera à la place. –

Questions connexes