要在将bookmarklet拖动到工具栏时设置favicon/图标,您可以按照以下步骤操作:
favicon.html
。favicon.html
文件中,添加以下代码:<!DOCTYPE html>
<html>
<head>
<link rel="icon" href="https://your-favicon-url.com/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="https://your-favicon-url.com/favicon.ico" type="image/x-icon">
<title>Bookmarklet with Favicon</title>
</head>
<body>
<script>
(function() {
var bookmarklet = document.createElement('a');
bookmarklet.href = 'javascript:(function(){/* your bookmarklet code */})()';
bookmarklet.title = 'Bookmarklet with Favicon';
bookmarklet.style.borderRadius = '4px';
bookmarklet.style.cursor = 'pointer';
bookmarklet.style.display = 'inline-block';
bookmarklet.style.padding = '4px 8px';
bookmarklet.style.textDecoration = 'none';
bookmarklet.style.backgroundColor = '#007bff';
bookmarklet.style.color = '#fff';
bookmarklet.style.fontSize = '14px';
bookmarklet.style.fontWeight = 'bold';
bookmarklet.style.border = '1px solid #007bff';
bookmarklet.innerHTML = 'Bookmarklet with Favicon';
document.body.appendChild(bookmarklet);
})();
</script>
</body>
</html>
https://your-favicon-url.com/favicon.ico
替换为您的favicon图标的URL。/* your bookmarklet code */
替换为您的bookmarklet代码。favicon.html
文件保存到本地。favicon.html
文件,将会看到一个带有favicon图标的bookmarklet按钮。推荐的腾讯云相关产品和产品介绍链接地址:
没有搜到相关的沙龙
领取专属 10元无门槛券
手把手带您无忧上云