Si vous voulez faire quelque chose comme ça, vous le faites facilement avec l'API des extensions Chrome. Les zones à surveiller sont:
Maintenant, la première étape consiste à créer votre fichier popup.html et rappelez-vous qu'il est transitoire, c'est-à-dire qu'il ne vit que lorsque vous cliquez sur l'action du navigateur, puis qu'il meurt s'il se ferme (se ferme). Ce que j'essaie de dire, si vous avez beaucoup de calcul et que vous voulez que cela se passe en arrière-plan et se produisent même si la fenêtre est fermée, déplacez tout à background page. Et dans votre popup, vous pouvez facilement accéder à la page d'arrière-plan en utilisant chrome.extension.getBackgroundPage()
Dans votre popup.html, vous devez obtenir l'URL de l'onglet actuel, pour ce faire, l'API Tab a une fonction "getSelected" qui vous permet d'obtenir le Tab object pour l'onglet sélectionné.
donc quelque chose comme ceci:
popup.html
<html>
<body>
<p id="currentLink">Loading ...</p>
<hr />
<ul id="savedLinks"></ul>
<script type="text/javascript" src="popup.js"></script>
</body>
</html>
pop-up.js
chrome.tabs.getSelected(null, function(tab) {
document.getElementById('currentLink').innerHTML = tab.url;
});
La raison pour laquelle vous ne pouvez pas placer le code JavaScript dans le fichier HTML est de la limitation de Chrome pour protéger ses utilisateurs d'attaques JavaScript:
scripts en ligne et les gestionnaires d'événements refusés
Maintenant, cela vous permettra d'afficher l'URL dans le menu contextuel de la page en cours en tant qu'action du navigateur. Votre prochaine étape consiste à utiliser des fonctionnalités HTML5 simples telles que localStorage ou Webdatabase (à mon avis, cela sera mieux). Pour stocker les pages enregistrées, vous pouvez les afficher sur la page SavedLinks de la même manière que pour le lien actuel.
Bonne chance!
Remarque: Toutes les réponses suggèrent d'utiliser 'chrome.tabs.getSelected'. Cette méthode de l'API a été abandonnée, vous devez utiliser 'chrome.tabs.query' à la place - Voir [Comment faire pour obtenir l'URL de l'onglet actuellement ouvert dans le popup d'action de ma page?] (Http://stackoverflow.com/questions/10413911/comment-obtenir-le-actuellement-ouvert-onglets-url-dans-mon-page-action-popup/10417327 # 10417327) –