mirror of
https://github.com/searxng/searxng
synced 2024-01-01 19:24:07 +01:00
o
This commit is contained in:
Joseph Cheung
parent
f4acd9b242
commit
eeefe60652
3 changed files with 995 additions and 3 deletions
121
searx/element-parse.txt
Normal file
121
searx/element-parse.txt
Normal file
|
|
@ -0,0 +1,121 @@
|
|||
function eleparse(doc)
|
||||
{
|
||||
// 获取页面元素
|
||||
const elements = doc.querySelectorAll("*");
|
||||
|
||||
// 定义位置常量
|
||||
const POSITION = {
|
||||
TOP_LEFT: "左上",
|
||||
TOP_MIDDLE: "上中",
|
||||
TOP_RIGHT: "右上",
|
||||
MIDDLE_LEFT: "左中",
|
||||
CENTER: "中间",
|
||||
MIDDLE_RIGHT: "右中",
|
||||
BOTTOM_LEFT: "左下",
|
||||
BOTTOM_MIDDLE: "下中",
|
||||
BOTTOM_RIGHT: "右下",
|
||||
};
|
||||
|
||||
// 定义颜色名称映射表
|
||||
const COLOR_NAMES = {
|
||||
"#000000": "黑色",
|
||||
"#ffffff": "白色",
|
||||
"#ff0000": "红色",
|
||||
"#00ff00": "绿色",
|
||||
"#0000ff": "蓝色",
|
||||
// 可以添加更多颜色
|
||||
};
|
||||
|
||||
// 创建描述文本
|
||||
let description=[];
|
||||
let seen = [];
|
||||
let dismiss = ['up vote', 'down vote', 'dismiss', 'github license', 'npm version', 'circleci', 'site']
|
||||
for (let i = 0; i < elements.length; i++) {
|
||||
const element = elements[i];
|
||||
let elementDescription = "";
|
||||
|
||||
// 判断元素是否可见
|
||||
if (element.offsetWidth > 0 || element.offsetHeight > 0) {
|
||||
|
||||
// 获取元素类型
|
||||
let elementType = element.tagName.toLowerCase();
|
||||
if (elementType === "input" && (element.type === "search" || (element.getAttribute('aria-label') && element.getAttribute('aria-label').toLowerCase().indexOf("search") !== -1))) {
|
||||
elementType = "搜索框";
|
||||
} else if (elementType === "input" || elementType === "select" || elementType === "textarea") {
|
||||
elementType = "输入框";
|
||||
} else if (elementType.indexOf("button") !== -1 || element.id.indexOf("button") !== -1) {
|
||||
elementType = "按钮";
|
||||
} else if (elementType === "img") {
|
||||
elementType = "图片";
|
||||
} else if (elementType === "form") {
|
||||
elementType = "表单";
|
||||
} else if (elementType === "pre" || elementType === "code") {
|
||||
elementType = "代码块";
|
||||
}
|
||||
else {
|
||||
elementType = null;
|
||||
}
|
||||
|
||||
// 如果是可识别的元素类型，则生成元素描述
|
||||
if (elementType && (elementType == "代码块" || element.title||element.alt||element.getAttribute('aria-label'))){
|
||||
elementDescription += elementType;
|
||||
if (element.title) {
|
||||
if(element.title.includes('avatar') || dismiss.includes((element.title.toLowerCase()))) continue;
|
||||
elementDescription += `:“${element.title}”`;
|
||||
}
|
||||
else if (element.alt||element.getAttribute('aria-label')) {
|
||||
if(seen.includes(element.alt||element.getAttribute('aria-label'))) continue;
|
||||
if((element.alt||element.getAttribute('aria-label')).includes('avatar') || dismiss.includes((element.alt||element.getAttribute('aria-label')).toLowerCase())) continue;
|
||||
elementDescription += `:“${element.alt||element.getAttribute('aria-label')}”`;
|
||||
seen.push(element.alt||element.getAttribute('aria-label'))
|
||||
}
|
||||
if ((element.style.color||window.getComputedStyle(element).backgroundColor||window.getComputedStyle(element).color) && (`${element.style.color||window.getComputedStyle(element).backgroundColor||window.getComputedStyle(element).color}`.indexOf( "255, 255, 255") == -1 ) && (`${element.style.color||window.getComputedStyle(element).backgroundColor||window.getComputedStyle(element).color}`.indexOf( "0, 0, 0") == -1 ) ) {
|
||||
elementDescription += `，颜色:${element.style.color||window.getComputedStyle(element).backgroundColor||window.getComputedStyle(element).color}`;
|
||||
}
|
||||
const elementPosition = getElementPosition(element);
|
||||
elementDescription += `，位于${elementPosition}`;
|
||||
// if (element.offsetWidth && element.offsetHeight) {
|
||||
// elementDescription += `，大小为${element.offsetWidth}像素 x ${element.offsetHeight}像素`;
|
||||
// }
|
||||
}
|
||||
}
|
||||
if(elementDescription&&elementDescription!='')
|
||||
description.push(elementDescription);
|
||||
}
|
||||
return (unique(description));
|
||||
}
|
||||
|
||||
function unique (arr) {
|
||||
return Array.from(new Set(arr))
|
||||
}
|
||||
|
||||
// 输出描述文本
|
||||
|
||||
|
||||
/**
|
||||
* 获取元素相对位置
|
||||
*/
|
||||
function getElementPosition(element) {
|
||||
const rect = element.getBoundingClientRect();
|
||||
const x = rect.left + rect.width / 2;
|
||||
const y = rect.top + rect.height / 2;
|
||||
let position = "";
|
||||
|
||||
if (x < window.innerWidth / 3) {
|
||||
position += "左";
|
||||
} else if (x > window.innerWidth * 2 / 3) {
|
||||
position += "右";
|
||||
} else {
|
||||
position += "中";
|
||||
}
|
||||
|
||||
if (y < window.innerHeight / 3) {
|
||||
position += "上";
|
||||
} else if (y > window.innerHeight * 2 / 3) {
|
||||
position += "下";
|
||||
} else {
|
||||
position += "中";
|
||||
}
|
||||
|
||||
return position;
|
||||
}
|
||||
747
searx/webapp.py
747
searx/webapp.py
File diff suppressed because one or more lines are too long
130
searx/webapp1.py
130
searx/webapp1.py
|
|
@ -1179,7 +1179,6 @@ function proxify()
|
|||
}catch(e){}
|
||||
|
||||
}
|
||||
|
||||
function modal_open(url)
|
||||
{
|
||||
modal.style.display = 'block';
|
||||
|
|
@ -1199,9 +1198,13 @@ function modal_open(url)
|
|||
});
|
||||
iframePromise.then(
|
||||
() => {
|
||||
|
||||
var iframe = document.querySelector("#iframe-wrapper > iframe");
|
||||
let modalele = eleparse(iframe.contentDocument);
|
||||
let article = new Readability(iframe.contentDocument.cloneNode(true)).parse();
|
||||
console.log(modalele)
|
||||
console.log(article)
|
||||
if (isProbablyReaderable(iframe.contentDocument)) {
|
||||
let article = new Readability(iframe.contentDocument.cloneNode(true)).parse();
|
||||
iframe.removeAttribute('src')
|
||||
document.querySelector("#readability-reader").innerHTML = article.content
|
||||
}
|
||||
|
|
@ -1212,6 +1215,129 @@ function modal_open(url)
|
|||
);
|
||||
}
|
||||
|
||||
function eleparse(doc)
|
||||
{
|
||||
// 获取页面元素
|
||||
const elements = doc.querySelectorAll("*");
|
||||
|
||||
// 定义位置常量
|
||||
const POSITION = {
|
||||
TOP_LEFT: "左上",
|
||||
TOP_MIDDLE: "上中",
|
||||
TOP_RIGHT: "右上",
|
||||
MIDDLE_LEFT: "左中",
|
||||
CENTER: "中间",
|
||||
MIDDLE_RIGHT: "右中",
|
||||
BOTTOM_LEFT: "左下",
|
||||
BOTTOM_MIDDLE: "下中",
|
||||
BOTTOM_RIGHT: "右下",
|
||||
};
|
||||
|
||||
// 定义颜色名称映射表
|
||||
const COLOR_NAMES = {
|
||||
"#000000": "黑色",
|
||||
"#ffffff": "白色",
|
||||
"#ff0000": "红色",
|
||||
"#00ff00": "绿色",
|
||||
"#0000ff": "蓝色",
|
||||
// 可以添加更多颜色
|
||||
};
|
||||
|
||||
// 创建描述文本
|
||||
let description=[];
|
||||
let seen = [];
|
||||
let dismiss = ['up vote', 'down vote', 'dismiss', 'github license', 'npm version', 'circleci', 'site']
|
||||
for (let i = 0; i < elements.length; i++) {
|
||||
const element = elements[i];
|
||||
let elementDescription = "";
|
||||
|
||||
// 判断元素是否可见
|
||||
if (element.offsetWidth > 0 || element.offsetHeight > 0) {
|
||||
|
||||
// 获取元素类型
|
||||
let elementType = element.tagName.toLowerCase();
|
||||
if (elementType === "input" && (element.type === "search" || (element.getAttribute('aria-label') && element.getAttribute('aria-label').toLowerCase().indexOf("search") !== -1))) {
|
||||
elementType = "搜索框";
|
||||
} else if (elementType === "input" || elementType === "select" || elementType === "textarea") {
|
||||
elementType = "输入框";
|
||||
} else if (elementType.indexOf("button") !== -1 || element.id.indexOf("button") !== -1) {
|
||||
elementType = "按钮";
|
||||
} else if (elementType === "img") {
|
||||
elementType = "图片";
|
||||
} else if (elementType === "form") {
|
||||
elementType = "表单";
|
||||
} else if (elementType === "pre" || elementType === "code") {
|
||||
elementType = "代码块";
|
||||
}
|
||||
else {
|
||||
elementType = null;
|
||||
}
|
||||
|
||||
// 如果是可识别的元素类型，则生成元素描述
|
||||
if (elementType && (elementType == "代码块" || element.title||element.alt||element.getAttribute('aria-label'))){
|
||||
elementDescription += elementType;
|
||||
if (element.title) {
|
||||
if(element.title.includes('avatar') || dismiss.includes((element.title.toLowerCase()))) continue;
|
||||
elementDescription += `:“${element.title}”`;
|
||||
}
|
||||
else if (element.alt||element.getAttribute('aria-label')) {
|
||||
if(seen.includes(element.alt||element.getAttribute('aria-label'))) continue;
|
||||
if((element.alt||element.getAttribute('aria-label')).includes('avatar') || dismiss.includes((element.alt||element.getAttribute('aria-label')).toLowerCase())) continue;
|
||||
elementDescription += `:“${element.alt||element.getAttribute('aria-label')}”`;
|
||||
seen.push(element.alt||element.getAttribute('aria-label'))
|
||||
}
|
||||
if ((element.style.color||window.getComputedStyle(element).backgroundColor||window.getComputedStyle(element).color) && (`${element.style.color||window.getComputedStyle(element).backgroundColor||window.getComputedStyle(element).color}`.indexOf( "255, 255, 255") == -1 ) && (`${element.style.color||window.getComputedStyle(element).backgroundColor||window.getComputedStyle(element).color}`.indexOf( "0, 0, 0") == -1 ) ) {
|
||||
elementDescription += `，颜色:${element.style.color||window.getComputedStyle(element).backgroundColor||window.getComputedStyle(element).color}`;
|
||||
}
|
||||
const elementPosition = getElementPosition(element);
|
||||
elementDescription += `，位于${elementPosition}`;
|
||||
// if (element.offsetWidth && element.offsetHeight) {
|
||||
// elementDescription += `，大小为${element.offsetWidth}像素 x ${element.offsetHeight}像素`;
|
||||
// }
|
||||
}
|
||||
}
|
||||
if(elementDescription&&elementDescription!='')
|
||||
description.push(elementDescription);
|
||||
}
|
||||
return (unique(description));
|
||||
}
|
||||
|
||||
function unique (arr) {
|
||||
return Array.from(new Set(arr))
|
||||
}
|
||||
|
||||
// 输出描述文本
|
||||
|
||||
|
||||
/**
|
||||
* 获取元素相对位置
|
||||
*/
|
||||
function getElementPosition(element) {
|
||||
const rect = element.getBoundingClientRect();
|
||||
const x = rect.left + rect.width / 2;
|
||||
const y = rect.top + rect.height / 2;
|
||||
let position = "";
|
||||
|
||||
if (x < window.innerWidth / 3) {
|
||||
position += "左";
|
||||
} else if (x > window.innerWidth * 2 / 3) {
|
||||
position += "右";
|
||||
} else {
|
||||
position += "中";
|
||||
}
|
||||
|
||||
if (y < window.innerHeight / 3) {
|
||||
position += "上";
|
||||
} else if (y > window.innerHeight * 2 / 3) {
|
||||
position += "下";
|
||||
} else {
|
||||
position += "中";
|
||||
}
|
||||
|
||||
return position;
|
||||
}
|
||||
|
||||
|
||||
//rsa
|
||||
function stringToArrayBuffer(str){
|
||||
if(!str) return;
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue