在页面中通过滑动鼠标选中视频名词搜索豆瓣信息。脚本根据@Johnny Li[网页搜索助手]修改
// ==UserScript==
// @name 豆瓣电影划词搜索助手
// @version 0.2.3
// @namespace https://github.com/lanrene/douban_video_tool
// @description 在页面中通过滑动鼠标选中视频名词搜索豆瓣信息。脚本根据@Johnny Li[网页搜索助手]修改
// @icon https://img3.doubanio.com/f/movie/d59b2715fdea4968a450ee5f6c95c7d7a2030065/pics/movie/apple-touch-icon.png
// @author lenrene
// @license MIT
// @match *://*/*
// @grant GM_xmlhttpRequest
// @grant GM_addStyle
// @grant GM_registerMenuCommand
// @grant GM_setValue
// @grant GM_getValue
// @connect cdn.jsdelivr.net
// @connect movie.querydata.org
// @connect douban.com
// @connect www.imdb.com
// @compatible edge
// @require https://cdn.jsdelivr.net/npm/jquery@2.2.3/dist/jquery.min.js
// @require https://cdn.jsdelivr.net/gh/zyufstudio/jQuery@3a09ff54b33fc2ae489b5083174698b3fa83f4a7/jPopBox/dist/jPopBox.min.js
// ==/UserScript==
(function () {
'use strict';
// 配置参数
const SettingOptions = {
defaultsearchengine: "db", // 默认搜索引擎
searchPattern: "automatic", // 搜索模式
selectPattern: "select", // 划词模式
selectKey: "Ctrl", // 划词键
selectIconPosition: "right", // 划词图标位置
};
// 图标
const Images = {
IconBase64: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACQCAIAAABoJHXvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyQjkwRDlGOTgyM0YxMUUyOTYyNEE4NkVDQjBDRTBENSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyQjkwRDlGQTgyM0YxMUUyOTYyNEE4NkVDQjBDRTBENSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjJCOTBEOUY3ODIzRjExRTI5NjI0QTg2RUNCMENFMEQ1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjJCOTBEOUY4ODIzRjExRTI5NjI0QTg2RUNCMENFMEQ1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+EQTxdwAAEetJREFUeNrsXQt4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',
DbSvg: '<svg t="1634541962091" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2799" width="16" height="16"><path d="M701.44 519.168l-382.976 0 0-191.488 382.976 0 0 191.488zM877.568 69.632q34.816 0 59.392 24.064t24.576 59.904l0 731.136q0 34.816-24.576 59.392t-59.392 24.576l-732.16 0q-34.816 0-58.88-24.576t-24.064-59.392l0-731.136q0-35.84 24.064-59.904t58.88-24.064l732.16 0zM187.392 197.632l648.192 0 0-63.488-648.192 0 0 63.488zM253.952 263.168l0 318.464 512 0 0-318.464-512 0zM857.088 774.144l-176.128 0 62.464-111.616-70.656-53.248q-5.12 12.288-9.216 23.552t-9.728 23.552-11.776 23.552q-17.408 29.696-31.744 57.856t-19.456 36.352l-158.72 0q-4.096-8.192-18.432-36.352t-31.744-57.856q-7.168-11.264-12.288-23.552t-9.216-23.552-9.216-23.552l-70.656 53.248 62.464 111.616-176.128 0 0 65.536 690.176 0 0-65.536z" p-id="2800" fill="#4da64d"></path></svg>',
ImdbSvg: '<svg t="1634544643843" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3906" width="16" height="16"><path d="M864 64H160C107 64 64 107 64 160v704c0 53 43 96 96 96h704c53 0 96-43 96-96V160c0-53-43-96-96-96zM106.6 458.4H106c0.2-0.2 0.4-0.6 0.6-0.8zM258 639.6H192V384h66z m226.4 0h-57.4v-172.8l-23.2 172.8h-41.2l-24.4-169v169h-58V384h85.6c6.6 39.6 12 79.8 17.4 119.8l15.2-119.8h86z m22.8 0V384h49.2c35.2 0 89.4-3.2 98 41.8 3.4 15.2 2.8 32.6 2.8 48.8 0 177 22.2 165.2-150 165z m321.8-58.4c0 31.4-4.8 61.8-44.4 61.8-18 0-30.4-6-41.8-19.6l-3.8 16.2h-59.6V384h63.4v83.4c12-13 24-18.4 41.8-18.4 42.8 0 44.4 25.6 44.4 60.2zM594 459.8c0-19.4 3.2-32-20.6-32v167.4c24.4 0.6 20.6-17.4 20.6-36.8z m171 52.2c0-10.8 2.2-25.4-12.4-25.4-12 0-9.8 17.8-9.8 25.4 0 1.2-2.2 79.2 2.2 89.4 1.6 3.2 4.4 4.8 7.6 4.8 15.6 0 12.4-18 12.4-28.8z" p-id="3907" fill="#f4ea2a"></path></svg>',
VideoDefaultImg: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAABbCAYAAAAsuui4AAAAAXNSR0IArs4c6QAAA3VJREFUeAHtmw1PMjEQhIuACEII//9PGuUbhdenl2kOEol8bI2vswl3ba8t3enMbrlo5/X19ZD+uD38cf+z+wbhEwaDYBCaYGAmmAlmQoOAmWAmmAkFAcvBcihk8DnBcrAcLIeCgOVgORQyODtYDpaD5VAQsBwsh0IGZwfLwXKwHAoClkMDRa+NSM3y+/t72m63ab/fp263mwaDQXp4+Jk4/SMgrNfrtFwujzCnbTwep36/f9Reo1Id+o+PjwwAuz+dTtNsNkuTyST7Op/P0+FQ/88lqoEA7VerVcJR7Pn5Ocug0+nk3R8OhxmAxWKRdrtd7lPrUkUOOHW6yzChbb1esxTiBJ/Hx8cMFCBFWzgI0JvdxaC9nD11DlCQBv2JFwBB36enp2gMYv9IA4c2m03OANCdoIfzpwDgpdrJEEiFusZGoxAWEwAACSgLnNL/nGMAAAsIoi8vL4nMEWlhcmAXiQXkf1hw6RkANiiTACQgRqXPMBDQNMaO3hLtAREQYMOvA4GUiCko5soNF1gRZWFMgAGwQQehWxx4e3srWeWWeb4aGwaCAiGxQOWvFnGuXQy4ZY5z8/MsHAScwAFYwY8mdE0djQMQ5wDKyIcy/YkhMIkDUw0QwlKkdk5O4BjOUsdhymQQjLuA4DllBVON13x5wJ0vYUxQSpQTOiixw2KA+pABAIY6z2EEd0zj1ffO/ufpwkDgwMPuyQmozUc2Go1UPDoaCwg9ZDxtzBdlYXJgwW0QrnUAhkRKgXWFgiAK48g1xjiO378aBC1ekrgUCI3TPJeO/27/UCZo8XLmu4tSP43TPGq/9z0sMLJQLV7OQG/OC8iEIMm5gQ/9yB48ow/P6KNxktW9ndd8oUwgoredwSl+DPGaDeMsQB3nMdqpy3kA0Ry5Q9AllAmsmV1mtzExQAzhzq7rTEAZALTzlNU3TxB0qQICO86u4hCv1WU4zUfGewcZWYExUT+f9T3cq4DAF0H5tsO0nTMdm/8LJuC4tI7eLzHiwSXAXTJ3u2+nxj+Htl+4tr/8XFnxQ/HhXN9bn4XLgQWyozVenV8LRmiKvHZRtccZhE/EDYJBaIRnJpgJZkKDgJlgJpgJBQHLwXIoZPA5wXKwHCyHgoDlYDkUMjg7WA6Wg+VQELAcLIdCBmcHy8FysBwKApaD5VDI4OxgOTRk+AcCjnlZW2tDmAAAAABJRU5ErkJggg==',
}
// 链接
const Urls = {
DbHomePageUrl: 'https://movie.douban.com',
ImdbHomePageUrl: 'https://www.imdb.com',
DbVideoInfoPageUrl: 'https://movie.douban.com/subject/{subjectId}', // 豆瓣视频详情页面
ImdbVideoInfoPageUrl: 'https://www.imdb.com/title/{imdbId}', // imdb 视频详情页面
DbVideoSearchResultPageUrl: 'https://www.douban.com/search?cat=1002&q={title}', // 豆瓣搜索结果页面
DbVideoSearchApiUrl: 'https://www.douban.com/j/search?q={title}&cat=1002', // 豆瓣官方搜索接口
IframePageHost: 'https://yyy.rth1.me', // 取词遮罩地址 使用的热铁盒网页托管
ImgHandleUrl: 'https://images.weserv.nl/?url={url}', // 图片处理接口 可以缓存、修改图片尺寸等 本脚本用来防止图片跨域
DbImdbApiUrl: 'https://movie.querydata.org/api?id={subjectId}', // 可以获取豆瓣-imdb-烂番茄信息的聚合接口 api来自https://github.com/iiiiiii1/douban-imdb-api
}
const Logger = {
debug: console.debug,
log: console.log,
info: console.info,
warn: console.warn,
error: console.error
}
const Utils = {
/**
* 字符串模板格式化
* @param {string} formatStr - 字符串模板
* @returns {string} 格式化后的字符串
* @example
* Utils.StringFormat("ab{0}c{1}ed",1,"q") output "ab1cqed"
*/
StringFormat: function (formatStr) {
let args = arguments;
return formatStr.replace(/\{(\d+)\}/g, function (m, i) {
i = parseInt(i);
return args[i + 1];
});
},
/**
* 日期格式化
* @param {Date} date - 日期
* @param {string} formatStr - 格式化模板
* @returns {string} 格式化日期后的字符串
* @example
* Utils.DateFormat(new Date(),"yyyy-MM-dd") output "2020-03-23"
* @example
* Utils.DateFormat(new Date(),"yyyy/MM/dd hh:mm:ss") output "2020/03/23 10:30:05"
*/
DateFormat: function (date, formatStr) {
let o = {
"M+": date.getMonth() + 1, //月份
"d+": date.getDate(), //日
"h+": date.getHours(), //小时
"m+": date.getMinutes(), //分
"s+": date.getSeconds(), //秒
"q+": Math.floor((date.getMonth() + 3) / 3), //季度
"S": date.getMilliseconds() //毫秒
};
if (/(y+)/.test(formatStr)) {
formatStr = formatStr.replace(RegExp.$1, (date.getFullYear() + "").substr(4 - RegExp.$1.length));
}
for (let k in o) {
if (new RegExp("(" + k + ")").test(formatStr)) {
formatStr = formatStr.replace(
RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
}
}
return formatStr;
},
// 获取配置参数
GetSettingOptions: function () {
let optionsJson = GM_getValue("db-search-options") || "";
if (optionsJson != "") {
let optionsData = JSON.parse(optionsJson);
for (let key in SettingOptions) {
if (SettingOptions.hasOwnProperty(key) && optionsData.hasOwnProperty(key)) {
SettingOptions[key] = optionsData[key];
}
}
}
return SettingOptions;
},
// 设置配置参数
SetSettingOptions: function () {
let optionsJson = JSON.stringify(SettingOptions);
GM_setValue("db-search-options", optionsJson);
},
/**
* 人员格式化
* @param {Array} personList - 人员数组
* @param {Number} len - 需要的数量
* @returns {String} 格式化后的字符串
* @example
* Utils.FmtDbPerson([{name: '张 zhang'},{name: '王 wang'},{name: '李 li'}],2) output "张/王"
* Utils.FmtDbPerson([{data: [{name: '张'}]},{data: [{name: '王'}]},{data: [{name: '李'}]}],2) output "张/王"
*/
FmtDbPerson: function (personList, len) {
if (personList && personList.length > 0) {
if (len && personList.length > len) {
personList = personList.slice(0, len);
}
let nameArr = [];
personList.forEach((item) => {
if (item.hasOwnProperty('data')) { // db2使用
nameArr.push(item.data[0].name);
} else {
nameArr.push(item.name.split(' ')[0]); // db使用
}
})
return nameArr.join(' / ');
}
return '';
},
/**
* 解析视频列表 dom 元素
* @param {Document} htmlDoc - 视频列表dom
* @param {String} selector - 选择器
* @returns {[VideoInfo]} 视频列表数组
* @example
* Utils.ParseVideoListDom(document.getElementById('a'),'li') output [{videoInfo},{videoInfo},...]
*/
ParseVideoListDom: function (htmlDoc, selector) {
let videoList = [];
if (htmlDoc) {
let liDoc = $(htmlDoc).find(selector);
liDoc.each((index, item) => {
let titleADom = $(item).find('.title a');
let title = titleADom.html() || '';
let onclickStr = titleADom.attr("onclick"); // moreurl(this,{i: '14', query: 'hh', from: 'dou_search_movie', sid: 25741647, qcat: '1002'})
let id = 0;
if (onclickStr) {
id = onclickStr.split(',')[4].replace(/[^0-9]/ig, '');
}
let image = $(item).find('img').attr("src");
let cast = ($(item).find('.subject-cast').html() || '').replace('/ / ', '/').replace(/原名:(.*?)\//g, '');
let socreDoc = $(item).find('.rating_nums');
let score = socreDoc.html() || '';
let ratingCount = '';
if (score && socreDoc.next() && socreDoc.next().html()) {
let count = socreDoc.next().html().replace(/[^0-9]/ig, '');
if (count) {
ratingCount = `${count} 人参与评分`;
}
}
let videoInfo = {
subjectId: id,
image: Urls.ImgHandleUrl.replace('{url}', encodeURIComponent(image)),
url: Urls.DbVideoInfoPageUrl.replace('{subjectId}', id),
description: $(item).find('p').html() || '',
title, score, ratingCount, cast: cast,
}
videoList.push(videoInfo);
});
}
return videoList;
},
/**
* 解析String 为 dom 元素
* @param {String} text - 文档字符
* @returns {Document} 文档对象
* @example
* Utils.ParseDomFromString('<div>a</div>') output Document
*/
ParseDomFromString: function (text) {
if (!text) {
return new Document();
}
let parser = new DOMParser();
return parser.parseFromString(text, "text/html");
},
}
// 随机因子 用于元素属性后缀 以防止属性名称重复
const randomCode = Utils.DateFormat(new Date(), "yyMM").toString() + (Math.floor(Math.random() * 900000) + 100000).toString();
// 豆瓣搜索引擎1 爬虫模式
const DoubanSearchByDom = {
code: "db",
codeText: "豆瓣",
SearchVideoList: function (title) {
return new Promise((resolve, reject) => {
if (!title) {
resolve([]);
}
GM_xmlhttpRequest({
method: "GET",
url: Urls.DbVideoSearchResultPageUrl.replace('{title}', encodeURIComponent(title)),
onload: function (response) {
let videoList = [];
if (response.status == 200) {
let htmlDoc = Utils.ParseDomFromString(response.responseText);
videoList = Utils.ParseVideoListDom(htmlDoc, '.result-list .result');
} else {
Logger.warn('查询失败，title：' + title, response.statusText);
}
resolve(videoList);
}
});
})
},
SearchVideoInfo: function (subjectId) {
let self = this;
return new Promise((resolve, reject) => {
if (!subjectId) {
resolve(null);
}
let url = Urls.DbVideoInfoPageUrl.replace('{subjectId}', subjectId);
GM_xmlhttpRequest({
method: "GET",
url: url,
onload: function (response) {
if (response.status == 200) {
let doubanInfo = {};
let htmlDoc = Utils.ParseDomFromString(response.responseText);
if (htmlDoc) {
let ldJsonDb = $(htmlDoc).find('script[type="application/ld+json"]');
if (ldJsonDb && ldJsonDb.length > 0 && ldJsonDb[0].innerText) {
try {
doubanInfo = JSON.parse(ldJsonDb[0].innerText.replace(/\r\n/g, '').replace(/\n/g, ''));
let videoInfo = {
title: doubanInfo.name,
image: Urls.ImgHandleUrl.replace('{url}', encodeURIComponent(doubanInfo.image)),
url: Urls.DbHomePageUrl + doubanInfo.url,
description: doubanInfo.description,
director: Utils.FmtDbPerson(doubanInfo.director, 2),
actor: Utils.FmtDbPerson(doubanInfo.actor, 6),
score: doubanInfo.aggregateRating.ratingValue,
ratingCount: doubanInfo.aggregateRating.ratingCount,
genre: doubanInfo.genre.join(' / '),
time: doubanInfo.datePublished,
}
// 获取imdbId
let imdb_anchor = $(htmlDoc).find('#info span.pl:contains("IMDb")');
if (imdb_anchor && imdb_anchor.length > 0) {
let imdbId = imdb_anchor[0].nextSibling.nodeValue.trim();
if (imdbId) {
videoInfo.imdbId = imdbId;
videoInfo.imdbUrl = Urls.ImdbVideoInfoPageUrl.replace('{imdbId}', imdbId);
self.SearchImdbRating(imdbId);
}
}
resolve(videoInfo);
} catch (e) {
Logger.log('解析失败', ldJsonDb[0].innerText, e)
}
}
}
} else {
Logger.warn(response.statusText);
}
resolve(null);
}
});
});
},
// 查询imdb评分 直接替换dom 不是太好的解决方案
SearchImdbRating: function (imdbId) {
GM_xmlhttpRequest({
method: "GET",
url: Urls.ImdbVideoInfoPageUrl.replace('{imdbId}', imdbId),
onload: function (response) {
if (response.status == 200) {
let imdbHtmlDoc = Utils.ParseDomFromString(response.responseText);
let ldJsonImdb = $(imdbHtmlDoc).find('head > script[type="application/ld+json"]');
if (ldJsonImdb && ldJsonImdb.length > 0 && ldJsonImdb[0].innerText) {
let select = Utils.StringFormat('.videoInfo{0} #imdbScore{0}_' + imdbId, randomCode);
let imdbDom = $(select);
try {
let imdbInfo = JSON.parse(ldJsonImdb[0].innerText.replace(/\r\n/g, '').replace(/\n/g, ''));
let imdbScore = '';
let imdbRatingCount = '';
if (imdbInfo && imdbInfo.aggregateRating) {
let imdbRating = imdbInfo.aggregateRating.ratingValue;
imdbRatingCount = imdbInfo.aggregateRating.ratingCount || 0;
imdbScore = imdbRating ? imdbRating.toFixed(1) : '';
}
// 替换评分
if (imdbDom) {
if (imdbScore) {
imdbDom.removeClass(Utils.StringFormat('loading{0}', randomCode));
imdbDom.html(imdbScore);
imdbDom.parents('a').attr('title', `${imdbRatingCount} 人参与评分`);
} else {
imdbDom.parents('a').remove();
}
}
} catch (e) {
Logger.log('解析失败', ldJsonImdb[0].innerText, e);
if (imdbDom) {
imdbDom.parents('a').remove();
}
}
}
}
}
})
}
};
//豆瓣搜索引擎2 使用api 接口评分不太准确 有imdb评分
const DoubanSearchByApi = {
code: "db2",
codeText: "豆瓣2",
SearchVideoList: function (title) {
return new Promise((resolve, reject) => {
if (!title) {
return resolve([]);
}
GM_xmlhttpRequest({
method: "GET",
url: Urls.DbVideoSearchApiUrl.replace('{title}', encodeURIComponent(title)),
onload: function (response) {
let videoList = [];
if (response.status == 200) {
let responseText = response.responseText;
let fmtText = responseText.replace(/\r\n/g, '').replace(/\n/g, '').replace(/\\/g, '');
let match = fmtText.match(/{"items":(.*?),"total":(\d+),"limit":(\d+),"more":(.*?)}/);
if (match && match[1]) {
let htmlDoc = Utils.ParseDomFromString(match[1]);
videoList = Utils.ParseVideoListDom(htmlDoc, '.result');
}
} else {
Logger.warn(response.statusText);
}
resolve(videoList);
}
});
})
},
SearchVideoInfo: function (subjectId) {
return new Promise((resolve, reject) => {
if (!subjectId) {
resolve(null);
}
let url = Urls.DbImdbApiUrl.replace('{subjectId}', subjectId);
GM_xmlhttpRequest({
method: "GET",
url: url,
onload: function (response) {
if (response.status == 200) {
let doubanInfo = JSON.parse(response.responseText);
if (doubanInfo && doubanInfo.data) {
let data = doubanInfo.data[0];
let videoInfo = {
title: data.name,
image: data.poster,
url: Urls.DbVideoInfoPageUrl.replace('{subjectId}', doubanInfo.doubanId),
description: data.description,
director: Utils.FmtDbPerson(doubanInfo.director, 2),
actor: Utils.FmtDbPerson(doubanInfo.actor, 6),
score: doubanInfo.doubanRating,
ratingCount: doubanInfo.doubanVotes,
imdbScore: doubanInfo.imdbRating,
imdbRatingCount: doubanInfo.imdbVotes,
imdbUrl: Urls.ImdbVideoInfoPageUrl.replace('{imdbId}', doubanInfo.imdbId),
genre: data.genre,
time: Utils.DateFormat(new Date(doubanInfo.dateReleased), "yyyy-MM-dd"),
}
resolve(videoInfo);
}
} else {
Logger.warn(response.statusText);
}
resolve(null);
}
});
});
},
};
const Search = {
searchEngineList: {}, // 搜索引擎实例列表
searchEngine: "", // 当前搜索引擎。 db:豆瓣
searchEngineObj: {}, // 当前搜索引擎实例
searchText: "", // 被搜索内容
searchVideoList: [], // 当前搜索视频列表
searchVideoInfo: null, // 当前搜索视频内容
searchSelectTitle: '', // 列表选中的视频标题
Execute: function (h_onloadfn) {
this.ResetSearchResult();
let title = this.searchText;
this.searchEngineObj.SearchVideoList(title).then((videoList) => {
this.searchVideoList = videoList;
if (SettingOptions.searchPattern == 'automatic') {
if (videoList && videoList.length > 0) {
let subjectId = videoList[0].subjectId
// 如果在列表中选择过视频，切换引擎后重新选中该视频
if (this.searchSelectTitle) {
try {
videoList.forEach((v, i) => {
if (v && v.title == this.searchSelectTitle) {
subjectId = v.subjectId;
throw new Error('EndForEach');
}
})
} catch (e) {
if (e.message != 'EndForEach') {
Logger.error(e);
}
}
}
this.searchEngineObj.SearchVideoInfo(subjectId).then((result) => {
this.searchVideoInfo = result;
h_onloadfn();
});
} else {
h_onloadfn();
}
} else if (SettingOptions.searchPattern == 'manual') {
h_onloadfn();
}
});
},
UpdateVideoInfo: function (subjectId, h_onloadfn) {
this.searchVideoInfo = null;
this.searchEngineObj.SearchVideoInfo(subjectId).then((result) => {
this.searchVideoInfo = result;
h_onloadfn();
})
},
Update: function () {
this.ResetSearchResult();
this.searchEngineObj = this.searchEngineList[this.searchEngine];
},
Clear: function () {
this.searchEngine = "";
this.searchText = "";
this.searchVideoList = [];
this.searchVideoInfo = null;
},
ResetSearchResult: function () {
this.searchVideoInfo = null;
this.searchVideoList = [];
},
//注册搜索引擎接口并执行搜索引擎的初始化接口
RegisterEngine: function () {
/**
* 搜索引擎必须提供以下接口
code:"", // 代号
codeText:"", // 代号描述
SearchVideoList: function (title) {}, // 返回视频列表
SearchVideoInfo: function (subjectId) {}, // 返回视频信息
init:function(){}, // 可选，初始化接口，在脚本创建时立即执行
*/
const searchEngineListObj = {};
searchEngineListObj[DoubanSearchByDom.code] = DoubanSearchByDom;
searchEngineListObj[DoubanSearchByApi.code] = DoubanSearchByApi;
this.searchEngineList = searchEngineListObj;
for (let key in this.searchEngineList) {
if (this.searchEngineList.hasOwnProperty(key) && this.searchEngineList[key].hasOwnProperty("init")) {
this.searchEngineList[key].init();
}
}
}
};
// 面板
const Panel = {
popBoxEl: {},
Create: function (title, placement, isShowArrow, content, shownFn) {
let self = this;
$(self.popBoxEl).jPopBox({
title: title,
className: 'JPopBox-tip-white',
placement: placement,
trigger: 'none',
isTipHover: true,
isShowArrow: isShowArrow,
content: function () {
return Utils.StringFormat('<div id="panelBody{0}">{1}</div>', randomCode, content);
}
});
$(self.popBoxEl).on("shown.jPopBox", function () {
let $panel = $("div.JPopBox-tip-white");
typeof shownFn === 'function' && shownFn($panel);
});
$(self.popBoxEl).jPopBox('show');
},
Update: function (Fn) {
let $panel = $("div.JPopBox-tip-white");
Fn($panel);
},
Destroy: function () {
$(this.popBoxEl).jPopBox("destroy");
},
CreateStyle: function () {
let s = "";
s += Utils.StringFormat("#panelBody{0}>div input,#panelBody{0}>div select{padding:3px;margin:0;background:#fff;font-size:14px;border:1px solid #a9a9a9;color:black;width:auto;height:25px;display:inline-block;position: static;}#panelBody{0} a{text-decoration:none;border-bottom:0;color:#494949}", randomCode);
s += Utils.StringFormat("#panelBody{0} .head{0}{display:flex;align-items:center;height:30px}#panelBody{0} .logo{0}{width:35px;margin:0;vertical-align:bottom}#panelBody{0} .listBtn{0}{margin:10px 0 0 10px;color:#999;font-size:10px;cursor:pointer}", randomCode);
s += Utils.StringFormat("#panelBody{0} .content{0} .noData{0}{margin:30px 40%}#panelBody{0} .content{0} .loading{0}{border:5px solid #f3f3f3;border-radius:50%;border-top:5px solid #3498db;width:30px;height:30px;animation:db_search_turn{0} 2s linear infinite;margin:20px;margin-left:45%}", randomCode);
s += Utils.StringFormat("#panelBody{0} .score{0}{position:absolute;top:5px;right:5px;display:flex;align-items:center;column-gap:10px}#panelBody{0} .score{0}>a{display:flex;align-items:center}#panelBody{0} .score{0} svg{background:0}#panelBody{0} .score{0} span{font-size:30px}#panelBody{0} .score{0} span.loading{0}{border:3px solid #f3f3f3;border-radius:50%;border-top:3px solid #3498db;width:20px;height:20px;animation:db_search_turn{0} 2s linear infinite;margin:5px;display:inline-block}", randomCode);
s += Utils.StringFormat("#panelBody{0} .info{0} .title{0}{font-size:18px;font-weight:bold;margin:5px 0}#panelBody{0} .info{0} .left{0}{float:left;margin:3px 5px 0 0;display:block;position:relative;width:120px;height:168px;background-repeat:no-repeat;background-position:50%;background-image:url({1});background-size:100%}#panelBody{0} .info{0} .left{0}>img{width:120px;height:168px}#panelBody{0} .info{0} .right{0}{min-height:175px}#panelBody{0} .info{0} .right{0} .item{0}>span{color:#666}", randomCode, Images.VideoDefaultImg);
s += Utils.StringFormat("#panelBody{0} .list{0}{overflow:auto;height:200px;margin-top:5px}#panelBody{0} .list{0}::-webkit-scrollbar{display:none}#panelBody{0} .list{0} .listItem{0}{margin-top:5px;height:70px;position:relative}#panelBody{0} .listItem{0} .left{0}{float:left;margin-right:5px;display:block;position:relative;width:48px;height:68px;background-repeat:no-repeat;background-position:50%;background-image:url({1});background-size:100%}#panelBody{0} .listItem{0} .left{0}>img{width:48px;height:68px}#panelBody{0} .listItem{0} .right{0} .title{0}{width:320px;font-size:18px;margin-bottom:9px;font-weight:bold;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all}#panelBody{0} .listItem{0} .right{0} .score{0}{position:absolute;right:5px;top:0;font-size:25px}#panelBody{0} .listItem{0} .right{0} .info{0}{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all;font-size:12px;border:0}", randomCode, Images.VideoDefaultImg);
return s;
}
};
// 划词搜索面板
const WordSearchPanel = {
Create: function (popBoxEl) {
let self = this;
let searchEngineOptionsHtml = "";
for (let k in Search.searchEngineList) {
if (Search.searchEngineList.hasOwnProperty(k)) {
let v = Search.searchEngineList[k].codeText;
let selectOption = "";
if (Search.searchEngine == k) {
selectOption = 'selected="selected"';
}
searchEngineOptionsHtml += Utils.StringFormat('<option value="{0}" {2}>{1}</option>', k, v, selectOption);
}
}
let wordSearchPanelHtml = '';
let headHtml = Utils.StringFormat(`<div class="head{0}"><a href="${Urls.DbHomePageUrl}/" target="_blank"><img class="logo{0}" src="${Images.IconBase64}" title="去豆瓣电影" /></a><select>{1}</select><div id="showSearchList_{0}" class="listBtn{0}">展示搜索列表</div></div>`, randomCode, searchEngineOptionsHtml);
wordSearchPanelHtml += headHtml;
wordSearchPanelHtml += Utils.StringFormat('<div class="content{0}">', randomCode);
if (SettingOptions.searchPattern == 'automatic') {
wordSearchPanelHtml += self.GetVideoInfoHtml();
} else if (SettingOptions.searchPattern == 'manual') {
wordSearchPanelHtml += self.GetVideoListHtml();
}
wordSearchPanelHtml += '</div>';
Panel.popBoxEl = popBoxEl;
Panel.Create("", "auto bottom", false, wordSearchPanelHtml, function ($panel) {
// 搜索引擎
$panel.find(Utils.StringFormat("#panelBody{0} div:eq(0) select:eq(0)", randomCode)).change(function (e) {
Search.searchEngine = $(this).find("option:selected").val();
self.Loading($panel);
Search.Update();
Search.Execute(function () {
if (SettingOptions.searchPattern == 'automatic') {
self.Update();
} else if (SettingOptions.searchPattern == 'manual') {
self.ShowSearchList();
}
});
});
// 搜索列表
$panel.find(Utils.StringFormat("#panelBody{0} #showSearchList_{0}", randomCode)).click(function (e) {
self.ShowSearchList();
});
if (SettingOptions.searchPattern == 'manual') {
// 列表点击事件
$panel.find(Utils.StringFormat("#panelBody{0} .listItem{0}", randomCode)).click(function () {
let subjectId = $(this).attr('data-id');
Search.searchSelectTitle = $(this).attr('data-name');
self.Loading($panel);
Search.UpdateVideoInfo(subjectId, function () {
self.Update();
});
});
}
if (SettingOptions.searchPattern == 'manual' || !Search.searchVideoList || Search.searchVideoList.length == 0) {
$(Utils.StringFormat("#panelBody{0} #showSearchList_{0}", randomCode)).hide();
}
});
},
Update: function () {
let self = this;
Panel.Update(function ($panel) {
let html = self.GetVideoInfoHtml();
$panel.find(Utils.StringFormat("#panelBody{0} .content{0}", randomCode)).html("").html(html);
});
if (Search.searchVideoList && Search.searchVideoList.length > 0) {
$(Utils.StringFormat("#panelBody{0} #showSearchList_{0}", randomCode)).css("display", "inline");
}
},
ShowSearchList: function () {
let self = this;
let html = self.GetVideoListHtml();
let $panel = $("div.JPopBox-tip-white");
$panel.find(Utils.StringFormat("#panelBody{0} .content{0}", randomCode)).html("").html(html);
$panel.find(Utils.StringFormat("#panelBody{0} .listItem{0}", randomCode)).click(function () {
let subjectId = $(this).attr('data-id');
Search.searchSelectTitle = $(this).attr('data-name');
self.Loading($panel);
Search.UpdateVideoInfo(subjectId, function () {
self.Update();
});
});
$(Utils.StringFormat("#panelBody{0} #showSearchList_{0}", randomCode)).hide();
},
GetVideoListHtml: function () {
let htmlArr = [];
let videoList = Search.searchVideoList;
if (videoList && videoList.length > 0) {
let itemTemplate = `
<div class="listItem{0}" data-id="{4}" data-name="{2}">
<div class="left{0}"><img src="{1}" onerror="javascript:this.src='${Images.VideoDefaultImg}'"></div>
<div class="right{0}">
<div class="title{0}">{2}</div>
<div class="score{0}" title="{7}">{3}</div>
<div class="info{0}">{6}</div>
<div class="info{0}">{5}</div>
</div>
</div>`;
htmlArr.push(Utils.StringFormat('<div class="list{0}">', randomCode));
videoList.forEach((item) => {
let videoItem = Utils.StringFormat(itemTemplate, randomCode, item.image, item.title, item.score, item.subjectId, item.description, item.cast, item.ratingCount);
htmlArr.push(videoItem);
})
htmlArr.push('</div>');
} else {
htmlArr.push(Utils.StringFormat('<div class="noData{0}">未搜索到内容</div>', randomCode));
}
return htmlArr.join('');
},
GetVideoInfoHtml: function () {
let videoInfoHtml = '';
let videoInfo = Search.searchVideoInfo;
if (videoInfo) {
let templateArr = [];
templateArr.push('<div class="videoInfo{0}">');
if (videoInfo.score || videoInfo.imdbScore || videoInfo.imdbId) { // 评分
templateArr.push('<div class="score{0}">');
if (videoInfo.score) {
templateArr.push(`<a href="{3}" target="_blank" title="{13} 人参与评分">${Images.DbSvg}<span>{5}</span></a>`);
}
if (videoInfo.imdbScore || videoInfo.imdbId) { // imdb 有评分直接展示 没有评分有id的情况展示loading 豆瓣2不会传imdbId 用来区分
templateArr.push(`<a href="{11}" target="_blank" title="{14} 人参与评分">${Images.ImdbSvg}
<span class="${videoInfo.imdbScore ? '' : 'loading{0}'}" id="imdbScore{0}_{12}">{10}</span>
</a>`);
}
templateArr.push('</div>');
}
templateArr.push(`
<div class="info{0}">
<div class="title{0}"><a href="{3}" target="_blank">{1}</a></div>
<div class="left{0}"><img src="{2}" onerror="javascript:this.src='${Images.VideoDefaultImg}'"/></div>
<div class="right{0}">`);
if (videoInfo.director) {
templateArr.push('<div class="item{0}"><span>导演</span>：{9}</div>');
}
if (videoInfo.actor) {
templateArr.push('<div class="item{0}"><span>主演</span>：{8}</div>');
}
if (videoInfo.genre) {
templateArr.push('<div class="item{0}"><span>类型</span>：{7}</div>');
}
if (videoInfo.time) {
templateArr.push('<div class="item{0}"><span>时间</span>：{6}</div>');
}
if (videoInfo.description) {
templateArr.push('<div class="item{0}"><span>简介</span>：{4}</div>');
}
templateArr.push(`</div></div>`);
videoInfoHtml = Utils.StringFormat(templateArr.join(''), randomCode,
videoInfo.title, videoInfo.image, videoInfo.url, videoInfo.description,
videoInfo.score, videoInfo.time, videoInfo.genre, videoInfo.actor, videoInfo.director,
videoInfo.imdbScore || '', videoInfo.imdbUrl, videoInfo.imdbId || 0,
videoInfo.ratingCount || 0, videoInfo.imdbRatingCount || 0);
} else {
videoInfoHtml = Utils.StringFormat('<div class="noData{0}">未搜索到内容</div>', randomCode);
}
return videoInfoHtml;
},
Loading: function (panel) {
panel.find(Utils.StringFormat("#panelBody{0} .content{0}", randomCode)).html("").html(Utils.StringFormat('<div class="loading{0}"></div>', randomCode));
}
};
// 选词 代码来自扩展 uBlock Origin https://github.com/gorhill/uBlock/blob/master/src/js/scriptlets/epicker.js
const DoubanPickerTool = {
sessionId: '',
iframeHost: '',
textFilterCandidates: [],
targetElements: [],
pickerRoot: null,
initDoubanPicker: function (iframeHost) {
if (!iframeHost) { return; }
this.iframeHost = iframeHost;
// 主页面监听message事件,接收子组件的值
let self = this;
window.addEventListener('message', function (e) {
if (e.origin == self.iframeHost) {
self.onDialogMessage(e.data)
}
}, false);
},
getElementBoundingClientRect: function (elem) {
let rect = typeof elem.getBoundingClientRect === 'function' ? elem.getBoundingClientRect() : { height: 0, left: 0, top: 0, width: 0 };
if (rect.width !== 0 && rect.height !== 0) {
return rect;
}
let left = rect.left,
right = rect.right,
top = rect.top,
bottom = rect.bottom;
for (const child of elem.children) {
rect = this.getElementBoundingClientRect(child);
if (rect.width === 0 || rect.height === 0) {
continue;
}
if (rect.left < left) { left = rect.left; }
if (rect.right > right) { right = rect.right; }
if (rect.top < top) { top = rect.top; }
if (rect.bottom > bottom) { bottom = rect.bottom; }
}
return { height: bottom - top, left, top, width: right - left };
},
highlightElements: function (elems, force) {
if (
(force !== true) &&
(elems.length === this.targetElements.length) &&
(elems.length === 0 || elems[0] === this.targetElements[0])
) {
return;
}
this.targetElements = [];
const ow = self.innerWidth;
const oh = self.innerHeight;
const islands = [];
for (const elem of elems) {
if (elem === this.pickerRoot) { continue; }
this.targetElements.push(elem);
const rect = this.getElementBoundingClientRect(elem);
if (
rect.left > ow || rect.top > oh ||
rect.left + rect.width < 0 || rect.top + rect.height < 0
) {
continue;
}
islands.push(
`M${rect.left} ${rect.top}h${rect.width}v${rect.height}h-${rect.width}z`
);
}
this.sendMessageToIframe({
ocean: `M0 0h${ow}v${oh}h-${ow}z`,
islands: islands.join(''),
what: "svgPaths"
});
},
textFilterFromElement: function (elem) {
if (elem === null) { return 0; }
if (elem.nodeType !== 1) { return 0; }
if (elem.nodeName === "HTML" || elem.nodeName === "BODY") { return 0; }
this.textFilterCandidates = this.getNodeText(elem);
return 1;
},
getNodeText: function (elem) {
let temp = []
if (elem) {
const forFn = function (ele) {
if (ele.childNodes.length > 0 && ele.nodeName != 'A') {
let children = Array.from(ele.childNodes);
children.forEach((c) => {
forFn(c);
})
} else {
let text = ele.textContent;
if (ele.nodeName == 'INPUT') {
text = ele.value;
} else if (ele.nodeName == 'A') {
text = ele.innerText;
}
if (text && text.trim()) {
temp.push(text.trim());
}
}
}
forFn(elem);
}
return temp;
},
filtersFrom: function (x, y) {
this.textFilterCandidates.length = 0
let elem = null;
if (typeof x === 'number') {
elem = this.elementFromPoint(x, y);
} else if (x instanceof HTMLElement) {
elem = x;
x = undefined;
}
this.textFilterFromElement(elem);
return this.textFilterCandidates.length;
},
showDialog: function () {
this.sendMessageToIframe({
what: 'showDialog',
text: this.textFilterCandidates
});
},
elementFromPoint: function (x, y) {
let lastX, lastY;
if (x !== undefined) {
lastX = x; lastY = y;
} else if (lastX !== undefined) {
x = lastX; y = lastY;
} else {
return null;
}
if (!this.pickerRoot) { return null; }
this.pickerRoot.style.pointerEvents = 'none';
let elems = document.elementsFromPoint(x, y);
elems = elems.filter(ele => ele.name != 'myFrame') || [];
let elem = elems[0];
this.pickerRoot.style.pointerEvents = '';
return elem;
},
highlightElementAtPoint: function (mx, my) {
const elem = this.elementFromPoint(mx, my);
this.highlightElements(elem ? [elem] : []);
},
filterElementAtPoint: function (mx, my) {
if (this.filtersFrom(mx, my) === 0) { return; }
this.showDialog();
},
onKeyPressed: function (ev) {
// Esc
if (ev.key === 'Escape' || ev.which === 27) {
ev.stopPropagation();
ev.preventDefault();
this.quitPicker();
return;
}
},
onViewportChanged: function () {
this.highlightElements(this.targetElements, true);
},
startPicker: function () {
this.pickerRoot.focus();
this.pickerRoot.addEventListener('scroll', this.onViewportChanged, { passive: true });
this.pickerRoot.addEventListener('resize', this.onViewportChanged, { passive: true });
this.pickerRoot.addEventListener('keydown', this.onKeyPressed, true);
},
quitPicker: function () {
this.pickerRoot.removeEventListener('scroll', this.onViewportChanged, { passive: true });
this.pickerRoot.removeEventListener('resize', this.onViewportChanged, { passive: true });
this.pickerRoot.removeEventListener('keydown', this.onKeyPressed, true);
if (this.pickerRoot === null) { return; }
let parent = this.pickerRoot.parentElement;
this.pickerRoot.remove();
this.pickerRoot = null;
parent.focus();
},
onDialogMessage: function (msg) {
switch (msg.what) {
case 'start':
this.startPicker();
if (this.targetElements.length === 0) {
this.highlightElements([document.body], true);
}
break;
case 'quitPicker':
this.quitPicker();
break;
case 'highlightElementAtPoint':
this.highlightElementAtPoint(msg.mx, msg.my);
break;
case 'filterElementAtPoint':
this.filterElementAtPoint(msg.mx, msg.my);
break;
case 'togglePreview':
if (msg.state === false) {
this.highlightElements(this.targetElements, true);
}
break;
default:
break;
}
},
sendMessageToIframe: function (msg) {
this.pickerRoot.contentWindow.postMessage(msg, this.iframeHost);
},
showPicker: function () {
const self = this;
if (this.pickerRoot) {
return;
}
// loading
let loadingRoot = document.createElement('div');
loadingRoot.innerHTML = `
<div style='z-index:2147483647;background: #000; opacity: 0.3; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%;'></div>
<div style="z-index:2147483647;border: 5px solid #f3f3f3; border-radius: 50%; border-top: 5px solid #3498db; width:4vw; height:4vw;min-width:30px;min-height:30px;max-width:50px;max-height:50px;animation: db_search_turn${randomCode} 2s linear infinite; margin: 20px; margin-left: 48%; top: 45%; position: fixed"></div>`;
document.documentElement.append(loadingRoot);
// iframe
const pickerRoot = document.createElement('iframe');
pickerRoot.setAttribute('name', 'myFrame');
pickerRoot.setAttribute('src', this.iframeHost + '/picker.html');
pickerRoot.style = `color-scheme:initial;box-shadow:none !important;display:block !important;height:100vh !important;left:0px !important;max-height:none !important;max-width:none !important;min-height:unset !important;min-width:unset !important;opacity:1 !important;pointer-events:auto !important;position:fixed !important;top: 0px !important;visibility:visible !important;width:100% !important;z-index:2147483647 !important;background:transparent !important;border-width:0px !important;border-style:initial !important;border-color:initial !important;border-image:initial !important;border-radius:0px !important;margin:0px !important;outline:0px !important;padding: 0px !important`;
pickerRoot.onload = function () {
setTimeout(() => {
loadingRoot.remove();
self.sendMessageToIframe({ what: 'connectionAccepted' })
}, 500);
};
this.pickerRoot = pickerRoot;
document.documentElement.append(pickerRoot);
},
}
//设置面板
const SettingPanel = {
config: [{ title: "", name: "", type: "", attrName: "", item: [{ code: "", text: "" }] }],
Create: function (popBoxEl) {
let self = this;
let settingHtml = [];
this.InitConfig();
settingHtml.push(Utils.StringFormat('<div class="setting{0}">', randomCode));
for (let index = 0; index < this.config.length; index++) {
let configItem = this.config[index];
settingHtml.push(Utils.StringFormat(`<div class="configItem{0}"><div class="title{0}">{1}</div><div class="right{0}">`, randomCode, configItem.title));
for (let itemIndex = 0; itemIndex < configItem.item.length; itemIndex++) {
let itemObj = configItem.item[itemIndex];
settingHtml.push(Utils.StringFormat('<label><input type="radio" name="search{3}{0}" value="{1}">{2}</label>', randomCode, itemObj.code, itemObj.text, configItem.name));
}
settingHtml.push('</div></div>');
}
settingHtml.push(Utils.StringFormat(`<div class="bottom{0}"><button id="saveBtn{0}">保存</button><span id="saveStatus{0}" class="msg{0}">设置已保存。</span></div></div>`, randomCode));
let settingHtmlStr = settingHtml.join("");
Panel.popBoxEl = popBoxEl;
Panel.Create("豆瓣电影划词搜索助手设置", "auto bottom", false, settingHtmlStr, function ($panel) {
$panel.css({
position: "fixed",
top: "20px"
});
self.Update();
//保存设置
$panel.find(Utils.StringFormat("#panelBody{0} #saveBtn{0}", randomCode)).click(function (e) {
self.config.forEach((item) => {
let selecter = `#panelBody{0} input[name='search${item.name}{0}']:checked`;
let value = $panel.find(Utils.StringFormat(selecter, randomCode)).val();
SettingOptions[item.attrName] = value;
});
Utils.SetSettingOptions();
$panel.find(Utils.StringFormat("#panelBody{0} #saveStatus{0}", randomCode)).fadeIn(function () {
setTimeout(function () {
$panel.find(Utils.StringFormat("#panelBody{0} #saveStatus{0}", randomCode)).fadeOut();
}, 1500);
});
});
});
},
Update: function () {
let self = this;
Utils.GetSettingOptions();
Panel.Update(function ($panel) {
self.config.forEach((item) => {
let selecter = `#panelBody{0} input[name='search${item.name}{0}'][value='{1}']`;
$panel.find(Utils.StringFormat(selecter, randomCode, SettingOptions[item.attrName])).prop("checked", true);
});
});
},
InitConfig: function () {
this.config = [];
let engineConfigObj = { title: "默认搜索引擎", name: "Engine", attrName: "defaultsearchengine", item: [] };
for (let k in Search.searchEngineList) {
if (Search.searchEngineList.hasOwnProperty(k)) {
let v = Search.searchEngineList[k].codeText;
engineConfigObj.item.push({ code: k, text: v });
}
}
this.config.push(engineConfigObj);
let patternConfigObj = { title: "搜索模式", name: "Pattern", attrName: "searchPattern", item: [{ code: "automatic", text: "自动" }, { code: "manual", text: "手动" }] };
this.config.push(patternConfigObj);
let selectConfigObj = { title: "划词模式", name: "Select", attrName: "selectPattern", item: [{ code: "select", text: "划词" }, { code: "hold", text: "划词键 + 划词" }] };
this.config.push(selectConfigObj);
let keyConfigObj = { title: "划词键", name: "Key", attrName: "selectKey", item: [{ code: "Ctrl", text: "Ctrl" }, { code: "Alt", text: "Alt" }] };
this.config.push(keyConfigObj);
let positionConfigObj = { title: "图标位置", name: "Position", attrName: "selectIconPosition", item: [{ code: "right", text: "右" }, { code: "left", text: "左" }, { code: "top", text: "上" }] };
this.config.push(positionConfigObj);
},
CreateStyle: function () {
let s = "";
s += Utils.StringFormat("#panelBody{0} .setting{0} .configItem{0}{display:flex;padding:5px}#panelBody{0} .configItem{0} .title{0}{width:90px;font-size: 14px}#panelBody{0} .configItem{0} .right{0}{margin-left:10px}#panelBody{0} .configItem{0} .right{0} label{cursor:pointer;display:inline-block;min-width:60px}#panelBody{0} .configItem{0} .right{0} input{cursor:pointer;vertical-align:middle;margin-top:-2px;margin-bottom:1px}", randomCode);
s += Utils.StringFormat("#panelBody{0} .setting{0} button{border:0.5px solid black;margin:5px;padding:1px 5px;border-radius:revert;font:revert}#panelBody{0} .setting{0} .bottom{0} .msg{0}{display: none; margin-left:5px;background-color:#fff1a8;padding:3px}", randomCode);
return s;
}
};
//主程序
const WebSearchlate = function () {
const $doc = $(document);
const $body = $("html body");
const createHtml = function () {
const wordSearchIconHtml = Utils.StringFormat('<div id="wordSearch{0}" class="wordSearch{0}"><div class="wordSearchIcon{0}"></div></div>', randomCode);
$body.append(Utils.StringFormat('<div id="webSearch{0}">', randomCode) + wordSearchIconHtml + '</div>');
};
const createStyle = function () {
//尽可能避开csp认证
GM_xmlhttpRequest({
method: "get",
url: "https://cdn.jsdelivr.net/gh/zyufstudio/jQuery@master/jPopBox/dist/jPopBox.min.css",
onload: function (r) {
GM_addStyle(r.responseText + ".JPopBox-tip-white{width: 482px;max-width: 550px;min-width: 450px}");
}
});
let s = Utils.StringFormat("@keyframes db_search_turn{0}{0%{transform:rotate(0deg)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}100%{transform:rotate(360deg)}}", randomCode);
s += Utils.StringFormat(".wordSearch{0}{background-color: rgb(245, 245, 245);box-sizing: content-box;cursor: pointer;z-index: 2147483647;border-width: 1px;border-style: solid;border-color: rgb(220, 220, 220);border-image: initial;border-radius: 5px;padding: 0.5px;position: absolute;display: none} .wordSearch{0}.animate{animation: db_search_turn{0} 5s linear infinite}", randomCode);
s += Utils.StringFormat(".wordSearchIcon{0}{background-image: url({1});background-size: 25px;height: 25px;width: 25px}", randomCode, Images.IconBase64);
s += Panel.CreateStyle();
s += SettingPanel.CreateStyle();
GM_addStyle(s);
};
const ShowWordSearchIcon = function () {
let $wordSearchIcon = $("div#wordSearch" + randomCode);
let isSelect = false;
let isPanel = false;
let isWordSearchIcon = false;
let isHoldKey = false;
$doc.on({
"selectionchange": function (e) {
isSelect = true;
},
"keydown": function (e) {
let ctrlKey = SettingOptions.selectKey == 'Ctrl' && (e.ctrlKey || e.metaKey);
let altKey = SettingOptions.selectKey == 'Alt' && (e.altKey);
if (ctrlKey || altKey) {
isHoldKey = true;
}
if ((e.ctrlKey || e.metaKey) && e.altKey && e.keyCode == '71') { // Ctrl + Alt + G
if ($('html#ublock0-epicker-douban-tool').length > 0) {
return;
}
DoubanPickerTool.showPicker();
}
},
"keyup": function (e) {
isHoldKey = false;
},
"mousedown": function (e) {
let $targetEl = $(e.target);
isPanel = $targetEl.parents().is("div.JPopBox-tip-white");
isWordSearchIcon = $targetEl.parents().is(Utils.StringFormat("div#wordSearch{0}", randomCode));
//点击搜索图标外域和搜索面板外域时，隐藏图标和搜索面板
if (!isWordSearchIcon && !isPanel) {
$wordSearchIcon.removeClass('animate');
$wordSearchIcon.hide();
Search.Clear();
Panel.Destroy();
}
else {
//点击搜索图标，取消鼠标默认事件，防止选中的文本消失
if (isWordSearchIcon) {
if (e.stopPropagation) {
e.stopPropagation();
} else {
e.cancelBubble = true;
}
if (e.preventDefault) {
e.preventDefault();
} else {
e.returnValue = false;
}
}
}
},
"mouseup": function (e) {
let selectText = window.getSelection().toString().trim();
let holdKey = SettingOptions.selectPattern == 'select' || (SettingOptions.selectPattern == 'hold' && isHoldKey);
if (!isPanel && isSelect && holdKey && selectText) {
let left = e.pageX;
let top = e.pageY + 12;
if (SettingOptions.selectIconPosition == 'left') {
left -= 30;
}
if (SettingOptions.selectIconPosition == 'top') {
top -= 50;
}
$wordSearchIcon.show().css({
left: left + 'px',
top: top + 'px'
});
isSelect = false;
}
}
});
$wordSearchIcon.click(function (e) {
if ($wordSearchIcon.hasClass('animate')) {
return;
}
$wordSearchIcon.addClass('animate');
Search.Clear();
Panel.Destroy();
let selecter = window.getSelection();
let selectText = selecter.toString().trim();
Utils.GetSettingOptions();
Search.searchText = selectText;
Search.searchEngine = SettingOptions.defaultsearchengine;
Search.Update();
Search.searchSelectTitle = '';
Search.Execute(function () {
WordSearchPanel.Create($wordSearchIcon);
$wordSearchIcon.removeClass('animate');
$wordSearchIcon.hide();
});
});
};
const RegMenu = function () {
GM_registerMenuCommand("设置", function () {
if (DoubanPickerTool.pickerRoot) {
DoubanPickerTool.quitPicker();
}
$("div#wordSearch" + randomCode).hide();
Search.Clear();
Panel.Destroy();
SettingPanel.Create($body);
});
GM_registerMenuCommand("进入取词模式", function () {
if (DoubanPickerTool.pickerRoot) {
return;
}
$("div#wordSearch" + randomCode).hide();
Search.Clear();
Panel.Destroy();
DoubanPickerTool.showPicker();
});
};
this.init = function () {
Search.RegisterEngine();
createStyle();
createHtml();
ShowWordSearchIcon();
RegMenu();
Utils.GetSettingOptions();
DoubanPickerTool.initDoubanPicker(Urls.IframePageHost)
};
};
const webSearch = new WebSearchlate();
webSearch.init();
}());