copylink/test.html at main · tsaost/copylink · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<!DOCTYPE html>
<html>
<head>
    <title>Click Copy Link Demo</title>
    <meta charset="utf-8">
    <link rel="shortcut icon" type="image/png" href="/icons/link48.png"/>
    <link href="copylink.css" rel="stylesheet" />
<style>
  body { font: message-box; font-size: 0.9em; }
  a { margin-left: 2em; }
  h1 { margin-bottom: 0; }
  code { background-color: #ddddee; }
</style>
</head>
<body>

<h1><img src="/icons/link48.png">
<span style="vertical-align: 0.4em">Click Copy Link Demo</span></h1>
<a href="options.html" style="font-size: 1.5em; margin: 0;">Change CCL Options</a>

<p>
Hover the mouse over a link, then use <code>Ctrl+C</code> to
 copy the link to the clipboard
</p>
   <a href="https://amazon.com">amazon</a><br/>

<p>
The above procedure only work if there is <strong>no selection</strong>.
Otherwise the selection, rather than the link, will be copied.
<br/>
So it might be easier to just use <code>shift + <strong>middle</strong> click</code> on a link.
You should see a tooltip showing the URL that has just been copied
to the clipboard.
</p>
   <a href="https://facebook.com">facebook</a><br/>
   <a href="https://amazon.com">amazon</a><br/>
   <a href="https://apple.com">apple</a><br/>
   <a href="https://netflix.com">netflix</a><br/>
   <a href="https://google.com">google</a><br/>

<p>
Now Try <code>shift + <strong>left</strong> click</code> on a few link.
You should see a tooltip showing the URL that has just been
<strong>added</strong> to the clipboard.<br/>
This way you can add a list of links to the clipboard at once.
</p>
<p>
Alternatively, select all the links you want to copy, then click on the
toolbar icon <img src="/icons/link48.png" width="16" height="16">.
</p>

<a href="https://aliexpress.com">aliexpress</a><br/>
<a href="https://amazon.com">amazon</a><br/>
<a href="https://apple.com">apple</a><br/>
<a href="https://atlassian.com">atlassian</a><br/>
<a href="https://baidu.com">baidu</a><br/>
<a href="https://bing.com">bing</a><br/>
<a href="https://bitbucket.org">bitbucket</a><br/>
<a href="https://discord.com">discord</a><br/>
<a href="https://duckduckgo.com">duckduckgo</a><br/>
<a href="https://duolingo.com">duolingo</a><br/>
<a href="https://ebay.com">ebay</a><br/>
<a href="https://economist.com">economist</a><br/>
<a href="https://facebook.com">facebook</a><br/>
<a href="https://firefox.com">firefox</a><br/>
<a href="https://github.com">github</a><br/>
<a href="https://gitlab.com">gitlab</a><br/>
<a href="https://google.ca">google</a><br/>
<a href="https://google.com">google</a><br/>
<a href="https://hcaptcha.com">hcaptcha</a><br/>
<a href="https://imdb.com">imdb</a><br/>
<a href="https://kijiji.ca">kijiji</a><br/>
<a href="https://microsoft.com">microsoft</a><br/>
<a href="https://netflix.com">netflix</a><br/>
<a href="https://nytimes.com">nytimes</a><br/>
<a href="https://overdrive.com">overdrive</a><br/>
<a href="https://pinterest.com">pinterest</a><br/>
<a href="https://quora.com">quora</a><br/>
<a href="https://reddit.com">reddit</a><br/>
<a href="https://stackoverflow.com">stackoverflow</a><br/>
<a href="https://superuser.com">superuser</a><br/>
<a href="https://youtube.com'">youtube</a><br/>

</body>

<script src="console.js"></script>
<script src="content-script-copylink.js"></script>
<script src="test.js"></script>
</html>