vue3 h5 页面如何自动添加至浏览器书签
时间: 2023-08-15 17:07:59 浏览: 108
可以使用 `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 页面中才能正常使用。