推荐关注
› Meteor
› JSLint - a JavaScript code quality tool
› jsFiddle
› D3.js
› WebStorm
推荐书目
› JavaScript 权威指南第 5 版
› Closure: The Definitive Guide
› Closure: The Definitive Guide
这是一个创建于 3271 天前的主题，其中的信息可能已经有所发展或是发生改变。
最近在写自用的 pentadactyl plugin
选择页面某个区域块，或依据 xpath ，只保留显示此区域块，其他都隐藏
至于是否必须 xpath 不是重点，只是我较熟悉 xpath 而已
现在已知 path 主干上的每个父节点都要保留（否则选择部分也不能显示），所以某些背景或块形状还是存在留白的，但旁支要隐藏
起初以为逐层父节点处理就可以了，发觉只能解析 /../*，再上一层 /../../就不能解析了（还是我方向错了？）
求思路
js 不算太熟， 10 多年前倒写不少，现在已荒弃 10 年，只能一边看 MDN 一边写，所以别人的插件也读不懂
选择页面某个区域块，或依据 xpath ，只保留显示此区域块，其他都隐藏
至于是否必须 xpath 不是重点，只是我较熟悉 xpath 而已
现在已知 path 主干上的每个父节点都要保留（否则选择部分也不能显示），所以某些背景或块形状还是存在留白的，但旁支要隐藏
起初以为逐层父节点处理就可以了，发觉只能解析 /../*，再上一层 /../../就不能解析了（还是我方向错了？）
求思路
js 不算太熟， 10 多年前倒写不少，现在已荒弃 10 年，只能一边看 MDN 一边写，所以别人的插件也读不懂
第 1 条附言 · 2015-12-12 16:03:02 +08:00
搞定，原来这么简单，看来我想多了， clone DOM 节点，然后
body.innerHTML = ele.outerHTML;
足矣
pentadactyl 输入命令： :ox 一个需要转义的 xpath ，回车则可
至于这个插件，发在 kafan ，其他部分（没贴出来）也可以用 css selector ，参看我前面发过的帖子
有需要就拿去耍吧，无版权，不负责任
=====================
function getElementsByXPath(x) {
let result = content.document.evaluate(x, content.document.documentElement, null, 5, null);
let res = [], next;
while (next = result.iterateNext())
res.push(next);
return res;
}
group.commands.add(
// Specs
['onlyx[path]', 'ox'],
// Description
'Show hidden element from xpath. (转义引号、空格等)',
// Action. What the command does. Always gets 'args'.
function (args) {
let xpath = args[0];
let x = xpath, list, ls;
if (xpath != "") {
list = getElementsByXPath(xpath);
let body = content.document.body;
let ele = list[0].cloneNode(true);
// let fc = body.firstChild;
// list = getElementsByXPath("//*");
// hideFromPath(list);
body.innerHTML = ele.outerHTML;
// content.document.body.appendChild(ele);
// body.insertBefore(ele,fc);
// ele.style.display = 'block';
}
}
);
body.innerHTML = ele.outerHTML;
足矣
pentadactyl 输入命令： :ox 一个需要转义的 xpath ，回车则可
至于这个插件，发在 kafan ，其他部分（没贴出来）也可以用 css selector ，参看我前面发过的帖子
有需要就拿去耍吧，无版权，不负责任
=====================
function getElementsByXPath(x) {
let result = content.document.evaluate(x, content.document.documentElement, null, 5, null);
let res = [], next;
while (next = result.iterateNext())
res.push(next);
return res;
}
group.commands.add(
// Specs
['onlyx[path]', 'ox'],
// Description
'Show hidden element from xpath. (转义引号、空格等)',
// Action. What the command does. Always gets 'args'.
function (args) {
let xpath = args[0];
let x = xpath, list, ls;
if (xpath != "") {
list = getElementsByXPath(xpath);
let body = content.document.body;
let ele = list[0].cloneNode(true);
// let fc = body.firstChild;
// list = getElementsByXPath("//*");
// hideFromPath(list);
body.innerHTML = ele.outerHTML;
// content.document.body.appendChild(ele);
// body.insertBefore(ele,fc);
// ele.style.display = 'block';
}
}
);
 |
1
GPU 2015-12-12 16:13:39 +08:00  1
參考微博的 chrome 插件
|
 |
2
bramblex 2015-12-12 21:46:36 +08:00
话说楼主怎么写 pentadactyl plugin OwO
|
Select Language