使用Edge/Chrome浏览器配合Tempermonkey获取更佳使用体验

最新推荐文章于 2024-06-30 16:44:47 发布

weixin_53446979

最新推荐文章于 2024-06-30 16:44:47 发布

阅读量529

点赞数

文章标签： chrome edge 前端

本文链接：https://blog.csdn.net/weixin_53446979/article/details/124564865

版权

本文介绍了如何利用Edge浏览器的【应用】功能将网站设置为桌面应用，以获得类似桌面应用的使用体验。为了确保功能完整且避免每次点击链接返回浏览器，作者提供了一个Tampermonkey脚本，该脚本会将页面中所有a标签的target属性改为'_self'，使得链接在同一窗口内打开，从而提升用户体验。

摘要由CSDN通过智能技术生成

相较于网页，个人更偏向桌面应用的使用体验。

Edge浏览器的【应用】栏可以将站点作为安装功能是一个不错的选择；前提是网页功能相较于桌面应用不会被阉割（比如QQ音乐）

完成此步骤还差一步，由于是模拟桌面应用，只能在一个窗口中操作。网页中大部分的超链接都会在新的标签页打开。这时就需要将页面中所有的 a 标签 target 属性都改成 '_self' 。这样才不至于每次点击又重新回到浏览器。

// ==UserScript==
// @name         
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @match        https://www.bilibili.com/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=bilibili.com
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
        window.onload = function () {
            var as = document.querySelectorAll('a')
            for (var index in as) {
                as[index].target = '_self'
            }
        }

    // Your code here...
})();

@match 按自己需求修改即可。