这种浏览器技术有名称吗？

发布于 2024-12-20 02:27:22 字数 338 浏览 4 评论 0原文

这种技术是否有一个名称，它包括探索浏览器中打开的页面以查找特定内容并对其进行修改？

一些示例：

Skype 在页面上查找电话号码，并附加呼叫菜单
脚本在页面中查找百分比并将其替换为小饼
广告引擎在页面中查找关键字并将其转换为超链接
在所有页面旁边添加图标页面上指向另一个域的超链接
等。

我知道这是一种渐进增强。但我对第一步特别感兴趣，即内容发现过程。我对提供最佳实践或解释该技术的缺点的文章感兴趣。

编辑：我添加了一个示例来表明该技术不仅适用于文本节点，而且可以适用于任何类型的 html 内容。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

无声情话 2024-12-27 02:27:22

例如，为此网页执行以下代码（从控制台），页面上的所有数字都将替换为“X”：

function walkTheDOM( node, func ) {
    func( node );
    node = node.firstChild;
    while ( node ) {
        walkTheDOM( node, func );
        node = node.nextSibling;
    }
}

walkTheDOM( document.body, function ( node ) {
    if ( node.nodeType === 3 ) {
        node.data = node.data.replace( /\d/g, 'X' );
    }
});

在此输入图像描述

For example, execute this code for this web-page (from the console), and all numbers on the page will be replaced with "X":

function walkTheDOM( node, func ) {
    func( node );
    node = node.firstChild;
    while ( node ) {
        walkTheDOM( node, func );
        node = node.nextSibling;
    }
}

walkTheDOM( document.body, function ( node ) {
    if ( node.nodeType === 3 ) {
        node.data = node.data.replace( /\d/g, 'X' );
    }
});

enter image description here

回复收藏 0 原文