javascript - 这种浏览器技术有名称吗?

标签 javascript browser progressive-enhancement

是否有这种技术的名称,即探索在浏览器中打开的页面以查找特定内容并对其进行修改?

一些例子:

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

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

编辑:我添加了一个示例来说明此技术不仅适用于文本节点,还适用于任何类型的 html 内容。

最佳答案

例如,为此网页执行此代码(从控制台),页面上的所有数字都将替换为“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

关于javascript - 这种浏览器技术有名称吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8421424/

相关文章:

javascript - 如何在页面底部显示一个 div,然后跳转到它?

javascript - 我应该如何使用 JavaScript 逐步增强此内容?

javascript - 如何在调整浏览器窗口大小时使固定宽度的div插入另一个具有相对宽度的div?

javascript - 如何使用ajax将元素数组放入函数内?

javascript - 如何将 <script> 中的数组从 JSP 页面传递到 Servlet

javascript - 从 react 路由器中的 header 组件调用组件函数

firefox - IE8和Firefox3的盒子模型有什么区别吗?

browser - struts2 dojo datepicker 在 Internet Explorer 中无法正常工作

javascript - 当页面包含谷歌地图时修复 IE7 中 CSS/JS 下拉列表的最佳方法

javascript - 检测对元视口(viewport)缩放的支持