Greasy Fork is available in English.
在浏览器右侧添加一个可拖拽的图标，点击后可以复制网站名称和链接
// ==UserScript==
// @name 网站信息复制助手
// @namespace your-namespace
// @version 1.0
// @description 在浏览器右侧添加一个可拖拽的图标，点击后可以复制网站名称和链接
// @author Gibber1977
// @match *://*/*
// @grant GM_addStyle
// @grant GM_setClipboard
// @license MIT
// ==/UserScript==
(function() {
'use strict';
// 样式
GM_addStyle(`
#copyHelperIcon {
position: fixed;
top: 50%;
right: 0;
transform: translateY(-50%);
background-color: #eee;
border: 1px solid #ccc;
border-radius: 5px 0 0 5px;
padding: 10px;
cursor: grab;
opacity: 0.7;
z-index: 9999;
font-size: 16px;
line-height: 1;
}
#copyHelperIcon:hover {
opacity: 1;
}
#copyHelperMenu {
position: fixed;
top: 50%;
right: 40px; /* 稍微偏移，不与图标重叠 */
transform: translateY(-50%);
background-color: #fff;
border: 1px solid #ccc;
border-radius: 5px;
padding: 10px;
z-index: 10000;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
display: none; /* 初始隐藏 */
}
#copyHelperMenu button {
display: block;
width: 100%;
padding: 8px 10px;
margin-bottom: 5px;
border: none;
background-color: transparent;
text-align: left;
cursor: pointer;
border-bottom: 1px solid #eee;
}
#copyHelperMenu button:last-child {
border-bottom: none;
}
#copyHelperMenu button:hover {
background-color: #f0f0f0;
}
`);
// 创建图标元素
const copyHelperIcon = document.createElement('div');
copyHelperIcon.id = 'copyHelperIcon';
copyHelperIcon.innerText = '🔗'; // 使用网络链接图标
document.body.appendChild(copyHelperIcon);
// 创建菜单元素
const copyHelperMenu = document.createElement('div');
copyHelperMenu.id = 'copyHelperMenu';
document.body.appendChild(copyHelperMenu);
// 添加菜单选项
const copyNameButton = document.createElement('button');
copyNameButton.innerText = 'Copy Name';
copyNameButton.addEventListener('click', () => {
GM_setClipboard(document.title);
copyHelperMenu.style.display = 'none';
});
copyHelperMenu.appendChild(copyNameButton);
const copyLinkButton = document.createElement('button');
copyLinkButton.innerText = 'Copy Link';
copyLinkButton.addEventListener('click', () => {
GM_setClipboard(window.location.href);
copyHelperMenu.style.display = 'none';
});
copyHelperMenu.appendChild(copyLinkButton);
const copyNameAndLinkButton = document.createElement('button');
copyNameAndLinkButton.innerText = 'Copy Name & Link';
copyNameAndLinkButton.addEventListener('click', () => {
const text = `${document.title}\n${window.location.href}`;
GM_setClipboard(text);
copyHelperMenu.style.display = 'none';
});
copyHelperMenu.appendChild(copyNameAndLinkButton);
const copyMarkdownButton = document.createElement('button');
copyMarkdownButton.innerText = 'Copy Name & Link in Markdown';
copyMarkdownButton.addEventListener('click', () => {
const text = `[${document.title}](${window.location.href})`;
GM_setClipboard(text);
copyHelperMenu.style.display = 'none';
});
copyHelperMenu.appendChild(copyMarkdownButton);
// 添加更多你认为有必要的功能按钮
const copyAsHtmlButton = document.createElement('button');
copyAsHtmlButton.innerText = 'Copy as HTML Link';
copyAsHtmlButton.addEventListener('click', () => {
const text = `<a href="${window.location.href}">${document.title}</a>`;
GM_setClipboard(text);
copyHelperMenu.style.display = 'none';
});
copyHelperMenu.appendChild(copyAsHtmlButton);
// 图标点击事件：显示/隐藏菜单
copyHelperIcon.addEventListener('click', () => {
copyHelperMenu.style.display = copyHelperMenu.style.display === 'none' ? 'block' : 'none';
});
// 实现图标的拖拽功能（垂直方向）
let isDragging = false;
let startY = 0;
let currentY = 0;
copyHelperIcon.addEventListener('mousedown', (e) => {
isDragging = true;
startY = e.clientY - copyHelperIcon.offsetTop;
copyHelperIcon.style.cursor = 'grabbing';
});
document.addEventListener('mousemove', (e) => {
if (!isDragging) return;
currentY = e.clientY - startY;
// 限制只能在垂直方向移动
copyHelperIcon.style.top = currentY + 'px';
copyHelperIcon.style.bottom = 'auto'; // 防止同时设置 top 和 bottom 导致冲突
});
document.addEventListener('mouseup', () => {
if (!isDragging) return;
isDragging = false;
copyHelperIcon.style.cursor = 'grab';
});
// 防止拖拽时选中文字
copyHelperIcon.addEventListener('dragstart', (e) => {
e.preventDefault();
});
})();