Отображение выделенного текста в popup.html

@eonqee · Регистрация: 06.04.2016

Author24 — интернет-сервис помощи студентам

При нажатии на значок расширения во всплывающем окне должен отобразиться выделенный в активной вкладке текст. Пока могу только отобразить значение переменной из popup.js в popup.html.
popup.html:

HTML5

<!DOCTYPE html>
<html>
  <head>
    <title>Расширение</title>
  </head>  
  <body>        
  <h1>
    <script src="popup.js"></script>        
  </h1>
  </body>  
</html>

manifest.json:

JSON

{
  "name": "Расширение",
  "version": "0.1",
  "manifest_version": 2,
 ],
  "permissions": [
        "tabs",         
        "http://*/",
        "https://*/"
        ],
  "icons": {
    "32": "magnifier.png"
  },
"browser_action": {
        "default_title": "Расширение",
        "default_icon" : "magnifier.png",
        "default_popup": "popup.html"
        }
}

popup.js:

Javascript

1 2	var result = "Hello" document.write(result);

или вывести alert'ом выделенный текст. popup.js:

Javascript

1
2
3

chrome.tabs.executeScript( {
  code: "alert(document.getSelection().toString());"
});

А вот как передать значение document.getSelection().toString() в popup.html могу понять.

@GOLD · 07.04.2016, 09:54

Привет. Может быть что-то из этого видео поможет ? https://www.youtube.com/watch?v=x4oSCumkQPg

@eonqee · 07.04.2016, 13:56 **[ТС]**

Если кому-то нужно, сделал так:

Javascript

chrome.tabs.executeScript( {
  code: "window.getSelection().toString();"
}, function(selection) {
  document.getElementById("output").value = selection[0];
});

HTML5

<!DOCTYPE html>
<html>
  <head>
    <title>Расширение</title>
  </head>
  
  <body>
    <script src="popup.js"></script>    
    <input type="text" id="output" value="IP">
  </body>
</html>

@GOLD 124 / 37 / 6 Регистрация: 14.01.2012 Сообщений: 264
	07.04.2016, 09:54	2
	Привет. Может быть что-то из этого видео поможет ? https://www.youtube.com/watch?v=x4oSCumkQPg 0

	07.04.2016, 13:56