// 注册右键菜单
chrome.contextMenus.create({
id: 'bitdance-advanced-search',
title: '高级搜索',
parentId: 'bitdance',
onclick: function (info) {
alert('当前菜单信息:' + JSON.stringify(info))
alert("[BitDance extension] 学生助手插件 - 高级搜索 已点击菜单")
}
})
/**
* ss 的寓意
*
* - 搜索 (sou suo)
*
* - 超级搜索 (super search)
* - 智慧搜索 (smart search)
* - 洞见搜索 (sagacious search)
* - 流畅搜索 (smooth search)
* - 安全搜索 (safe search)
*
* 当然还有...
* - 简单搜索 (simple search)
* - 愚蠢搜索 (stupid search)
*
* 即使有上面那么多的功能,但我们不往初心,
*
* - 开创探索 (seminal search)
* - 启航 (set sail)
*/
/**
* refer:
*
* omnibox 搜索
* GitHub demo: https://github.com/GoogleChrome/chrome-extensions-samples/tree/main/mv2-archive/extensions/chrome_search
* Blog: https://www.cnblogs.com/cc11001100/p/12353361.html
* Debug: https://chrome.google.com/webstore/detail/omnibox-debug/nhgkpjdgjmjhgjhgjhgjhgjhgjhgjhgjhg
*/
/**
* ****************************************************************************************
*
* 搜索模式配置部分
*
* ****************************************************************************************
*/
/**
* 支持的搜索方式
*
* Notes:
* - 第一位需要保留为默认搜索方式(文字)
* - getSuggestions / search 方法传入参数应该是经过 getInputText 过滤前面搜索模式字符的字符串
*/
var omniboxSearchModes = [
// #############################################################################################################
{
key: "",
// 显示文字
showText: "文字",
// 搜索建议
getSuggestions: async function (text) {
var url = "https://code.google.com/p/chromium/codesearch#search/&type=cs&q=" + query +
"&exact_package=chromium&type=cs";
var req = new XMLHttpRequest();
req.open("GET", url, true);
req.setRequestHeader("GData-Version", "2");
req.onreadystatechange = function () {
if (req.readyState == 4) callback(req.responseXML);
}
req.send(null);
// return req;
suggestions.forEach((suggestion) => { suggestion.deletable = false /* 用户不可删除 */ });
/**
* SuggestResult
* refer: https://developer.chrome.com/docs/extensions/reference/omnibox/
* { content, description[, deletable] }
*/
suggest(suggestions);
// suggest([
// { content: "one", description: "the aaawwwfirst one", deletable: false },
// { content: "number two", description: "the second entry", deletable: false }
// ]);
},
search: function (text) {
navigate("https://www.baidu.com/s?wd=" + encodeURIComponent(text), newTab = false);
}
},
// #############################################################################################################
{
key: "yn",
showText: "网页内搜索",
match: function (text) {
return /^yn( |:|\uff1a)?/.test(text)
},
getInputText: function (text, encodeText = true) {
let returnText = /^yn(:| |\uff1a)?(.*)$/.exec(text)[2].trim()
return encodeText ? encodeXML(returnText) : returnText
},
search: function (text) {
}
},
// #############################################################################################################
{
key: "re",
showText: "网页内正则表达式搜索",
match: function (text) {
return /^re( |:|\uff1a)?/.test(text)
},
getInputText: function (text, encodeText = true) {
let returnText = /^re(:| |\uff1a)?(.*)$/.exec(text)[2].trim()
return encodeText ? encodeXML(returnText) : returnText
},
search: function (text) {
}
},
// #############################################################################################################
{
key: "ls",
showText: "历史记录搜索",
match: function (text) {
return /^ls( |:|\uff1a)?/.test(text)
},
getInputText: function (text, encodeText = true) {
let returnText = /^ls(:| |\uff1a)?(.*)$/.exec(text)[2].trim()
return encodeText ? encodeXML(returnText) : returnText
},
search: function (text) {
function onGot(historyItems) {
for (item of historyItems) {
console.log(item.url);
console.log(new Date(item.lastVisitTime));
}
}
var searching = browser.history.search({ text: text, startTime: 0 });
searching.then(onGot);
}
},
// #############################################################################################################
{
key: "img",
showText: "图片搜索",
match: function (text) {
return /^img( |:|\uff1a)?/.test(text)
},
getInputText: function (text, encodeText = true) {
let returnText = /^img(:| |\uff1a)?(.*)$/.exec(text)[2].trim()
return encodeText ? encodeXML(returnText) : returnText
},
search: function (text) {
}
},
// #############################################################################################################
{
key: "boss",
showText: "老板键",
match: function (text) {
// return text.trim() == "boss"
return /^boss( |:|\uff1a)?$/.test(text)
},
getInputText: (text) => "回车执行"
}
]
/**
* ****************************************************************************************
*
* 全局变量定义部分
*
* ****************************************************************************************
*/
// 当前匹配的搜索模式的下标
var currentSearchModeIndex = 0;
// 当前正在向服务端进行的请求
var currentRequest = null;
/**
* ****************************************************************************************
*
* 搜索模式配置部分
*
* ****************************************************************************************
*/
/**
* 用户开始输入文本
*/
chrome.omnibox.onInputStarted.addListener(function () {
updateDefaultSuggestion('');
});
/**
* 搜索框失去焦点
*/
chrome.omnibox.onInputCancelled.addListener(function () {
updateDefaultSuggestion('');
});
/**
* 输入框文本改变事件
*/
chrome.omnibox.onInputChanged.addListener(
function (text, suggest) {
// 停止上一次搜索行为
if (currentRequest != null) {
currentRequest.onreadystatechange = null;
currentRequest.abort();
currentRequest = null;
}
// 更新输入框回显提示信息
updateDefaultSuggestion(text);
// 如果啥也没有输入就返回
if (text.trim() == '')
return;
// 访问后端服务获得搜索建议
var currentSearchMode = omniboxSearchModes[currentSearchModeIndex];
currentSearchMode.getSuggestions(currentSearchMode.getInputText(text));
}
);
/**
* 用户输入完成,按下回车键
*/
chrome.omnibox.onInputEntered.addListener(function (text) {
var searchText = omniboxSearchModes[currentSearchModeIndex].getInputText(text);
alert(text)
});
/**
* ****************************************************************************************
*
* 公共函数部分
*
* ****************************************************************************************
*/
/**
* 将 & < > 等特殊字符转义,但保留中文不进行转义
*
* 测试通过: [ re: 百度 <>!@#$%%^&*()_+-=[]{}|\:;'",./? ]
*
* refer: https://www.javaroad.cn/questions/108186
* @param string str
* @returns
*/
function encodeXML(str) {
var holder = document.createElement('div');
holder.textContent = str;
return holder.innerHTML;
}
/**
* 将当前标签页导航到指定Url / 或者新建标签页
*
* @param String url 要导航到的url
* @param bool openInNewTab 是否打开新标签页
*/
function navigate(url, openInNewTab = false) {
chrome.tabs.query({ active: true, currentWindow: true }, function (tabs) {
if (!openInNewTab) {
chrome.tabs.update(tabs[0].id, { url: url });
} else {
chrome.tabs.create({ url: url });
}
});
}
/**
* 获取当前是否是新标签页
*/
function isCurrentNewTab() {
chrome.tabs.query({ active: true, currentWindow: true }, function (tabs) {
if (tabs && tabs.length > 0 && !!tabs[0].url && /^(.*?):\/\/newtab\/$/.test(tabs[0].url)) {
console.log(tabs[0].url)
return true;
}
else {
console.log(false)
return false;
}
});
}
/**
* 更新下拉框中提示
* @param String text 用户输入文本
*/
function updateDefaultSuggestion(text) {
var description = [
'搜索方式',
' [ ',
'' /* 文字搜索 显示文字占位 */
];
// 如果用户输入不为空,先假设为文字搜索,如果后面匹配上了其他搜索方式,则更新
let isPlaintext = !!text.trim().length;
currentSearchModeIndex = 0; // 初始化搜索方式下标
// 默认第 0 个为文字搜索,除此之外的搜索方式如果都没有匹配到,则显示文字搜索
for (var i = 1, keyword; i < omniboxSearchModes.length && (keyword = omniboxSearchModes[i]); i++) {
// 分隔符
description.push(' \| ');
// 通过用户输入文本匹配搜索方式
if (keyword.match(text)) {
// 是当前这种搜索模式
isPlaintext = false; // 说明不是文字搜索
currentSearchModeIndex = i; // 记录当前搜索模式的下标
description.push('' + keyword.showText + ':' + keyword.getInputText(text) + '');
} else {
// 不是当前这种搜索模式
description.push('' + keyword.key + ": " + keyword.showText + '');
}
}
description.push(' ] ');
description[2] = isPlaintext ? ('' + text.trim() + '') : ('' + omniboxSearchModes[0].showText + '');
chrome.omnibox.setDefaultSuggestion({
description: description.join('')
});
// var isRegex = /^re:/.test(text);
// var isFile = /^file:/.test(text);
// var isHalp = (text == 'halp');
// var isPlaintext = text.length && !isRegex && !isFile && !isHalp;
// var description = '搜索方式 [ ';
// description += isPlaintext ? ('' + text + '') : '文字';
// description += ' | ';
// description += isRegex ? ('' + text + '') : 're: 正则';
// description += ' | ';
// description += isFile ? ('' + text + '') : 'file:文件';
// description += ' | ';
// description += isHalp ? 'halp' : 'halp';
// description += ' ]';
// chrome.omnibox.setDefaultSuggestion({
// description: description
// });
}
// /**
// * 执行搜索
// * @param {*} query
// * @param {*} callback
// * @returns
// */
// function search(query, callback) {
// var url = "https://code.google.com/p/chromium/codesearch#search/&type=cs&q=" + query +
// "&exact_package=chromium&type=cs";
// var req = new XMLHttpRequest();
// req.open("GET", url, true);
// req.setRequestHeader("GData-Version", "2");
// req.onreadystatechange = function () {
// if (req.readyState == 4) {
// callback(req.responseXML);
// }
// }
// req.send(null);
// return req;
// }
/**
* ****************************************************************************************
*
* 测试代码及其他
*
* ****************************************************************************************
*/
/*
先抛砖。未来在 Chrome 中输入:Chrome 过去1年最重要的变化? 知乎(或者zh)我们将带你进入问题页面,如果没有类似问题,就会直接提问。这个东西带来的想象力是,你可以用浏览器简单快捷的做不少事情,比如发微博,就输入「wb 知乎很给力」,京东购物,就输入「jd买 iPhone 4」。但很可能是一个相对小众的工具。
作者:李申申
链接:https://www.zhihu.com/question/19565733/answer/12236808
来源:知乎
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
*/