先Mark后完善哈。
目录
- 使用过程
- 主要操作
- 注意事项
【前言】
知乎目前使用的人越来越多了,日常使用过程中, 也发现了很多好用的工具,今天主要聊一下智乎助手。
【过程记录】
//智乎助手 https://www.thdesk.com/
// 使用MutationObserver来检测页面的变动
var MutationObserver = window.MutationObserver
|| window.WebKitMutationObserver;
var observer = new MutationObserver(function(mutationRecords) {
for (var i = 0; i < mutationRecords.length; i++) {
var mutation = mutationRecords[i];
var $addNode = $(mutation.addedNodes);
switch (mutation.type) {
case 'characterData':
//反映出增加了评论框的变化
console.log("监听到节点内容或节点文本的变动");
//console.log(mutation.target);
processPage();
setStyle();
break;
case 'subtree':
//console.log("监听到所有后代节点的变动");
break;
}
}
});
var observerOption = {
'childList': true,
'subtree': true,
'characterData':true
};
observer.observe($('.List')[0], observerOption);
【参考文章】
参考文章