js 通过点击添加内容到浏览器书签
时间: 2023-05-15 11:07:34 浏览: 1223
可以使用 JavaScript 的 bookmarklet 技术来实现。具体步骤是:在浏览器的书签栏中添加一个新的书签,将书签的地址栏中的 URL 替换为 JavaScript 代码,代码中包含了添加内容的逻辑。当用户点击该书签时,就会执行 JavaScript 代码,实现添加内容的功能。
相关问题
vue3 h5 页面如何自动添加至浏览器书签
可以使用 `window.external.AddFavorite(url, title)` 方法来实现将当前页面添加到浏览器书签的功能。但是需要注意的是,这个方法只对 IE 浏览器有效,对于其他浏览器需要使用其他方法来实现。
对于其他浏览器,可以使用 `navigator.clipboard.writeText()` 方法将当前页面的 URL 复制到剪切板中,然后提示用户手动添加书签。具体的代码实现可以参考下面的示例:
```javascript
// 判断是否是IE浏览器
function isIE() {
return window.navigator.userAgent.indexOf('MSIE ') > -1 || window.navigator.userAgent.indexOf('Trident/') > -1;
}
// 将当前页面添加到浏览器书签
function addBookmark() {
const title = document.title;
const url = window.location.href;
if (isIE()) {
window.external.AddFavorite(url, title);
} else {
navigator.clipboard.writeText(url).then(() => {
alert('已将当前页面的URL复制到剪切板中,请手动添加书签!');
}).catch((error) => {
console.error('复制失败:', error);
});
}
}
```
在需要添加书签的地方调用 `addBookmark()` 方法即可。需要注意的是,在 Chrome 浏览器中,`navigator.clipboard.writeText()` 方法需要在 HTTPS 页面中才能正常使用。
阅读全文