如何从浏览器中获取选定的文本和URL并在我的webapp中的文本框中显示?

时间:2018-04-19 05:01:18

标签: javascript

我想开发一个webapp,它将获取网页的任何选定的单词和URL并存储在DB中

每当我在任何标签中选择一个单词时,下面的代码都应该运行

    var URL=window.location.href.toString();
    console.log=(URL);
    var word= window.getSelection().toString();
    console.log=(word);

此网址和选择变量应显示在我的网络应用

的文本框中

网页的屏幕截图 enter image description here

2 个答案:

答案 0 :(得分:1)

你能用一个用例吗?听起来你想要一个浏览器插件。我建议你研究一下浏览器扩展。你可以从https://developer.mozilla.org/en-US/Add-ons

开始

您无法编写访问其他域的其他标签的JavaScript,因此最佳路线是进行浏览器扩展。您可以编写扩展程序,使其在Chrome和Firefox中均可使用。

答案 1 :(得分:0)

Word:<input type="text" id="word"><br>  
Url:<input type="text" id="url"><br>
select
<button onclick="get()">button</button>   
<script>
  function get(){
var URL=window.location.href.toString();
    console.log(URL);
document.getElementById("url").value=URL;
    var word= window.getSelection().toString();
    console.log(word);
document.getElementById("word").value=word;
}
</script>