// 注册右键菜单 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 */ /** * **************************************************************************************** * * app.js/base.js * * **************************************************************************************** */ // 'use strict'; const app = {}; window.app = app; /* runtime */ app.runtime = { on(e, callback) { if (e === 'start') { chrome.runtime.onStartup.addListener(callback); chrome.runtime.onInstalled.addListener(callback); } }, get manifest() { return chrome.runtime.getManifest(); }, connect(tabId, connectInfo) { let port; if (typeof tabId === 'object') { port = chrome.runtime.connect(tabId); } else { port = chrome.tabs.connect(tabId, connectInfo); } return { on(e, callback) { if (e === 'message') { port.onMessage.addListener(callback); } }, post(msg) { port.postMessage(msg); } }; } }; // /* storage */ // app.storage = { // get(prefs, type = 'managed') { // return new Promise(resolve => { // if (type === 'managed') { // chrome.storage.managed.get(prefs, ps => { // chrome.storage.local.get(chrome.runtime.lastError ? prefs : ps || prefs, resolve); // }); // } // else { // chrome.storage[type].get(prefs, resolve); // } // }); // }, // set(prefs, type = 'managed') { // return new Promise(resolve => { // chrome.storage[type === 'remote' ? 'remote' : 'local'].set(prefs, resolve); // }); // }, // on(e, callback) { // if (e === 'changed') { // chrome.storage.onChanged.addListener(callback); // } // } // }; // /* button */ // app.button = { // set({ // popup // }, tabId) { // if (popup !== undefined) { // chrome.browserAction.setPopup({ // tabId, // popup // }); // } // }, // on(e, callback) { // if (e === 'clicked') { // chrome.browserAction.onClicked.addListener(callback); // } // } // }; // /* tab */ // app.tabs = { // open({ // url // }) { // return new Promise(resolve => chrome.tabs.create({ url }, resolve)); // }, // current() { // return new Promise(resolve => chrome.tabs.query({ // active: true, // currentWindow: true // }, (tabs = []) => resolve(tabs[0]))); // }, // inject: { // js(tabId, details) { // if (typeof tabId === 'object') { // details = tabId; // tabId = undefined; // } // return new Promise((resolve, reject) => { // chrome.tabs.executeScript(tabId, Object.assign({ // runAt: 'document_start' // }, details), results => { // const lastError = chrome.runtime.lastError; // if (lastError) { // reject(lastError); // } // else { // resolve(results); // } // }); // }); // }, // css(tabId, details) { // if (typeof tabId === 'object') { // details = tabId; // tabId = undefined; // } // return new Promise((resolve, reject) => { // chrome.tabs.insertCSS(tabId, Object.assign({ // runAt: 'document_start' // }, details), results => { // const lastError = chrome.runtime.lastError; // if (lastError) { // reject(lastError); // } // else { // resolve(results); // } // }); // }); // } // } // }; // /* window */ // app.windows = { // open({url, left, top, width, height, type}) { // width = width || 700; // height = height || 500; // if (left === undefined) { // left = screen.availLeft + Math.round((screen.availWidth - width) / 2); // } // if (top === undefined) { // top = screen.availTop + Math.round((screen.availHeight - height) / 2); // } // return new Promise(resolve => chrome.windows.create( // {url, width, height, left, top, type: type || 'popup'}, // resolve // )); // } // }; // /* menus */ // app.menus = { // add(...items) { // for (const item of items) { // chrome.contextMenus.create(Object.assign({ // contexts: item.contexts || ['browser_action'] // }, item)); // } // }, // on(e, callback) { // if (e === 'clicked') { // chrome.contextMenus.onClicked.addListener(callback); // } // } // }; /** * **************************************************************************************** * * 搜索模式配置部分 * * **************************************************************************************** */ /** * 支持的搜索方式 * * Notes: * - 第一位需要保留为默认搜索方式(文字) * - getSuggestions / search 方法传入参数应该是经过 getInputText 过滤前面搜索模式字符的字符串 */ var omniboxSearchModes = [ // ############################################################################################################# { key: "", // 显示文字 showText: "文字", // 搜索模式匹配 // match: function (text) { }, // 获取输入文字 getInputText: function (text, encodeText = true) { return encodeText ? encodeXML(text) : text }, // 搜索建议 getSuggestions: async function (text, suggest) { // 如果前面已经有了 【[xx] 】,则先去掉 text = text.replace(/^\[.*?\]\s*/, ""); suggest([ { content: "[百度] " + text, description: "使用 [百度] 搜索 " + text + "", deletable: false }, { content: "[搜狗] " + text, description: "使用 [搜狗] 搜索 " + text + "", deletable: false }, { content: "[必应] " + text, description: "使用 [必应] 搜索 " + text + "", deletable: false }, { content: "[360] " + text, description: "使用 [360] 搜索 " + text + "", deletable: false }, { content: "[微博] " + text, description: "使用 [微博] 搜索 " + text + "", deletable: false }, { content: "[知乎] " + text, description: "使用 [知乎] 搜索 " + text + "", deletable: false }, { content: "[今日头条] " + text, description: "使用 [今日头条] 搜索 " + text + "", deletable: false }, { content: "[中国搜索] " + text, description: "使用 [中国搜索] 搜索 " + text + "", deletable: false }, ]); return; // 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) { let searchInput = /^(\[.*?\])?( )?(.*)$/.exec(text) let searchType = /^\[(.*?)\]$/.exec((searchInput[1] ?? "[百度]"/* 默认百度搜索 */).trim())[0].trim() let searchText = searchInput[3].trim() console.log("[文字搜索开始]"); console.log(" 传入参数为:", text); console.log(" searchInput为:", searchInput); console.log(" searchType为:", searchType); console.log(" searchText为:", searchText); switch (searchType) { default: case "[百度]": navigate("https://www.baidu.com/s?wd=" + encodeURIComponent(searchText), true); break; case "[搜狗]": navigate("https://www.sogou.com/web?query=" + encodeURIComponent(searchText), true); break; case "[必应]": navigate("https://cn.bing.com/search?q=" + encodeURIComponent(searchText), true); break; case "[360]": navigate("https://www.so.com/s?q=" + encodeURIComponent(searchText), true); break; case "[微博]": navigate("https://s.weibo.com/weibo?q=" + encodeURIComponent(searchText), true); break; case "[知乎]": navigate("https://www.zhihu.com/search?type=content&q=" + encodeURIComponent(searchText), true); break; case "[今日头条]": navigate("https://so.toutiao.com/search?dvpf=pc&keyword=" + encodeURIComponent(searchText), true); break; case "[中国搜索]": navigate("http://www.chinaso.com/newssearch/all/allResults?q=" + encodeURIComponent(searchText), true); break; } console.log("[文字搜索结束]"); } }, // ############################################################################################################# { 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 }, // 搜索建议 getSuggestions: async function (text, suggest) { // 如果前面已经有了 【[xx] 】,则先去掉 text = text.replace(/^\[.*?\]\s*/, ""); suggest([ { content: "img: [百度] " + text, description: "使用 [百度图片] 搜索 " + text + "", deletable: false }, { content: "img: [搜狗] " + text, description: "使用 [搜狗图片] 搜索 " + text + "", deletable: false }, { content: "img: [必应] " + text, description: "使用 [必应图片] 搜索 " + text + "", deletable: false }, { content: "img: [360] " + text, description: "使用 [360图片] 搜索 " + text + "", deletable: false }, { content: "img: [微博] " + text, description: "使用 [微博图片] 搜索 " + text + "", deletable: false }, { content: "img: [今日头条] " + text, description: "使用 [今日头条] 搜索 " + text + "", deletable: false }, { content: "img: [中国搜索] " + text, description: "使用 [中国搜索图片] 搜索 " + text + "", deletable: false }, ]); return; }, // 执行搜索 search: function (text) { let searchInput = /^(\[.*?\])?( )?(.*)$/.exec(text) let searchType = /^\[(.*?)\]$/.exec((searchInput[1] ?? "[百度]"/* 默认百度图片搜索 */).trim())[0].trim() let searchText = searchInput[3].trim() console.log("[图片搜索开始]"); console.log(" 传入参数为:", text); console.log(" searchInput为:", searchInput); console.log(" searchType为:", searchType); console.log(" searchText为:", searchText); switch (searchType) { default: case "[百度]": navigate("https://image.baidu.com/search/index?tn=baiduimage&word=" + encodeURIComponent(searchText), true); break; case "[搜狗]": navigate("https://pic.sogou.com/pics?query=" + encodeURIComponent(searchText), true); break; case "[必应]": navigate("https://cn.bing.com/images/search?q=" + encodeURIComponent(searchText), true); break; case "[360]": navigate("https://image.so.com/i?q=" + encodeURIComponent(searchText), true); break; case "[微博]": navigate("https://s.weibo.com/pic?q=" + encodeURIComponent(searchText), true); break; case "[今日头条]": navigate("https://so.toutiao.com/search?pd=atlas&dvpf=pc&keyword=" + encodeURIComponent(searchText), true); break; case "[中国搜索]": navigate("http://www.chinaso.com/newssearch/image?q=" + encodeURIComponent(searchText), true); break; } console.log("[图片搜索结束]"); } }, // ############################################################################################################# { key: "video", // 显示文字 showText: "视频", // 搜索模式匹配 match: function (text) { return /^video( |:|\uff1a)?/.test(text) }, // 获取输入文字 getInputText: function (text, encodeText = true) { let returnText = /^video(:| |\uff1a)?(.*)$/.exec(text)[2].trim() return encodeText ? encodeXML(returnText) : returnText }, // 搜索建议 getSuggestions: async function (text, suggest) { // 如果前面已经有了 【[xx] 】,则先去掉 text = text.replace(/^\[.*?\]\s*/, ""); suggest([ { content: "video: [B站] " + text, description: "使用 [哔哩哔哩动画] 搜索 " + text + "", deletable: false }, { content: "video: [爱奇艺] " + text, description: "使用 [爱奇艺] 搜索 " + text + "", deletable: false }, { content: "video: [腾讯视频] " + text, description: "使用 [腾讯视频] 搜索 " + text + "", deletable: false }, { content: "video: [优酷] " + text, description: "使用 [优酷] 搜索 " + text + "", deletable: false }, { content: "video: [百度] " + text, description: "使用 [百度视频] 搜索 " + text + "", deletable: false }, { content: "video: [搜狗] " + text, description: "使用 [搜狗视频] 搜索 " + text + "", deletable: false }, { content: "video: [360] " + text, description: "使用 [360视频] 搜索 " + text + "", deletable: false }, { content: "video: [微博] " + text, description: "使用 [微博视频] 搜索 " + text + "", deletable: false }, { content: "video: [抖音] " + text, description: "使用 [抖音] 搜索 " + text + "", deletable: false }, // 以下内容超出9个不被显示 { content: "video: [今日头条] " + text, description: "使用 [今日头条] 搜索 " + text + "", deletable: false }, { content: "video: [快手] " + text, description: "使用 [快手] 搜索 " + text + "", deletable: false }, { content: "video: [知乎] " + text, description: "使用 [知乎] 搜索 " + text + "", deletable: false }, { content: "video: [搜狐] " + text, description: "使用 [搜狐视频] 搜索 " + text + "", deletable: false }, { content: "video: [央视网] " + text, description: "使用 [央视网] 搜索 " + text + "", deletable: false }, { content: "video: [中国搜索] " + text, description: "使用 [中国搜索视频] 搜索 " + text + "", deletable: false }, ]); return; }, // 执行搜索 search: function (text) { let searchInput = /^(\[.*?\])?( )?(.*)$/.exec(text) let searchType = /^\[(.*?)\]$/.exec((searchInput[1] ?? "[B站]"/* 默认爱奇艺搜索 */).trim())[0].trim() let searchText = searchInput[3].trim() console.log("[视频搜索开始]"); console.log(" 传入参数为:", text); console.log(" searchInput为:", searchInput); console.log(" searchType为:", searchType); console.log(" searchText为:", searchText); switch (searchType) { default: case "[B站]": navigate("https://search.bilibili.com/all?keyword=" + searchText); break; case "[爱奇艺]": navigate("https://so.iqiyi.com/so/q_" + encodeURIComponent(searchText), true); break; case "[腾讯视频]": navigate("https://v.qq.com/x/search/?q=" + encodeURIComponent(searchText), true); break; case "[优酷]": navigate("https://so.youku.com/search_video/q_" + encodeURIComponent(searchText), true); break; case "[百度]": navigate("https://v.baidu.com/v?word=" + encodeURIComponent(searchText), true); break; case "[搜狗]": navigate("https://v.so.com/s?q=" + encodeURIComponent(searchText), true); break; case "[360]": navigate("https://tv.360kan.com/s?q=" + encodeURIComponent(searchText), true); break; case "[微博]": navigate("https://s.weibo.com/video?q=" + encodeURIComponent(searchText), true); break; case "[抖音]": navigate("https://www.douyin.com/search/" + encodeURIComponent(searchText) + "?type=video", true); break; case "[今日头条]": navigate("https://so.toutiao.com/search?pd=video&dvpf=pc&keyword=" + encodeURIComponent(searchText), true); break; case "[知乎]": navigate("https://www.zhihu.com/search?type=zvideo&q=" + encodeURIComponent(searchText), true); break; case "[快手]": navigate("https://www.kuaishou.com/search/video?searchKey=" + encodeURIComponent(searchText), true); break; case "[搜狐]": navigate("https://so.tv.sohu.com/mts?wd=" + encodeURIComponent(searchText), true); break; case "[央视网]": navigate("https://search.cctv.com/search.php?type=video&qtext=" + encodeURIComponent(searchText), true); break; case "[中国搜索]": navigate("http://www.chinaso.com/newssearch/video?q=" + encodeURIComponent(searchText), true); break; } console.log("[视频搜索结束]"); } }, // ############################################################################################################# { key: "news", // 显示文字 showText: "新闻", // 搜索模式匹配 match: function (text) { return /^news( |:|\uff1a)?/.test(text) }, // 获取输入文字 getInputText: function (text, encodeText = true) { let returnText = /^news(:| |\uff1a)?(.*)$/.exec(text)[2].trim() return encodeText ? encodeXML(returnText) : returnText }, // 搜索建议 getSuggestions: async function (text, suggest) { // 如果前面已经有了 【[xx] 】,则先去掉 text = text.replace(/^\[.*?\]\s*/, ""); suggest([ { content: "news: [今日头条] " + text, description: "使用 [今日头条] 搜索 " + text + "", deletable: false }, { content: "news: [百度] " + text, description: "使用 [百度资讯] 搜索 " + text + "", deletable: false }, { content: "news: [360] " + text, description: "使用 [360资讯] 搜索 " + text + "", deletable: false }, { content: "news: [微博] " + text, description: "使用 [微博] 搜索 " + text + "", deletable: false }, { content: "news: [人民网] " + text, description: "使用 [人民网] 搜索 " + text + "", deletable: false }, { content: "news: [中国搜索] " + text, description: "使用 [中国搜索] 搜索 " + text + "", deletable: false }, { content: "news: [快资讯] " + text, description: "使用 [快资讯] 搜索 " + text + "", deletable: false }, ]); return; }, // 执行搜索 search: function (text) { let searchInput = /^(\[.*?\])?( )?(.*)$/.exec(text) let searchType = /^\[(.*?)\]$/.exec((searchInput[1] ?? "[今日头条]"/* 默认今日头条搜索 */).trim())[0].trim() let searchText = searchInput[3].trim() console.log("[新闻搜索开始]"); console.log(" 传入参数为:", text); console.log(" searchInput为:", searchInput); console.log(" searchType为:", searchType); console.log(" searchText为:", searchText); switch (searchType) { default: case "[今日头条]": navigate("https://www.toutiao.com/search/?keyword=" + encodeURIComponent(searchText), true); break; case "[百度]": navigate("https://www.baidu.com/s?tn=news&word=" + encodeURIComponent(searchText), true); break; case "[360]": navigate("https://news.so.com/ns?q=" + encodeURIComponent(searchText), true); break; case "[微博]": navigate("https://s.weibo.com/weibo/" + encodeURIComponent(searchText), true); break; case "[人民网]": navigate("http://search.people.cn/s?keyword=" + encodeURIComponent(searchText) + "&st=0&_=" + Date.now(), true); break; case "[中国搜索]": navigate("http://www.chinaso.com/newssearch/news?q=" + encodeURIComponent(searchText), true); break; case "[快资讯]": navigate("https://www.360kuai.com/search?q=" + encodeURIComponent(searchText), true); break; } console.log("[新闻搜索结束]"); } }, // ############################################################################################################# { key: "fanyi", // 显示文字 showText: "翻译", // 搜索模式匹配 match: function (text) { return /^fanyi( |:|\uff1a)?/.test(text) }, // 获取输入文字 getInputText: function (text, encodeText = true) { let returnText = /^fanyi(:| |\uff1a)?(.*)$/.exec(text)[2].trim() return encodeText ? encodeXML(returnText) : returnText }, // 搜索建议 getSuggestions: async function (text, suggest) { // 如果前面已经有了 【[xx] 】,则先去掉 text = text.replace(/^\[.*?\]\s*/, ""); suggest([ { content: "fanyi: [百度] " + text, description: "使用 [百度翻译] 翻译 " + text + "", deletable: false }, { content: "fanyi: [有道翻译] " + text, description: "使用 [有道翻译] 翻译 " + text + "", deletable: false }, { content: "fanyi: [有道] " + text, description: "使用 [有道] 查词 " + text + "", deletable: false }, { content: "fanyi: [金山词霸] " + text, description: "使用 [金山词霸] 查词 " + text + "", deletable: false }, { content: "fanyi: [360] " + text, description: "使用 [360翻译] 翻译 " + text + "", deletable: false }, { content: "fanyi: [DeepL] " + text, description: "使用 [DeepL翻译] 翻译 " + text + "", deletable: false }, { content: "fanyi: [腾讯] " + text, description: "使用 [腾讯翻译君] 翻译 " + text + "", deletable: false }, { content: "fanyi: [翻译狗] " + text, description: "使用 [翻译狗] 翻译 " + text + "", deletable: false }, { content: "fanyi: [Google] " + text, description: "使用 [Google翻译] 翻译 " + text + " (Google翻译在中国大陆无法使用)", deletable: false }, ]); return; }, // 执行搜索 search: function (text) { let searchInput = /^(\[.*?\])?( )?(.*)$/.exec(text) let searchType = /^\[(.*?)\]$/.exec((searchInput[1] ?? "[百度]"/* 默认百度翻译 */).trim())[0].trim() let searchText = searchInput[3].trim() console.log("[翻译搜索开始]"); console.log(" 传入参数为:", text); console.log(" searchInput为:", searchInput); console.log(" searchType为:", searchType); console.log(" searchText为:", searchText); switch (searchType) { default: case "[百度]": // 百度翻译中英文会自动识别,所以不需要手动判断 navigate("https://fanyi.baidu.com/#en/zh/" + encodeURIComponent(searchText), true); break; case "[有道翻译]": // 后面参数通过注入的js代码获取并在网页加载完后填入到翻译框中,点击搜索按钮 navigate("https://fanyi.youdao.com/?__bitdance_extension__=" + encodeURIComponent(searchText), true); break; case "[有道]": navigate("https://www.youdao.com/w/" + encodeURIComponent(searchText), true); break; case "[金山词霸]": navigate("https://www.iciba.com/word?w=" + encodeURIComponent(searchText), true); break; case "[360]": navigate("https://fanyi.so.com/#" + encodeURIComponent(searchText), true); break; case "[DeepL]": let hasChineseChar = /.*[\u4e00-\u9fa5]+.*$/.test(searchText) navigate("https://www.deepl.com/translator#" + (hasChineseChar ? "zh/en/" : "en/zh/") + encodeURIComponent(searchText), true); break; case "[腾讯]": // 网页加载好后自动点击翻译按钮 navigate("https://fanyi.qq.com/?text=" + encodeURIComponent(searchText), true); break; case "[翻译狗]": navigate("https://www.fanyigou.com/trans/totran/tranText.html?text=" + encodeURIComponent(searchText), true); break; case "[Google]": navigate("https://translate.google.cn/?text=" + encodeURIComponent(searchText), true); break; } console.log("[翻译搜索结束]"); } }, // ############################################################################################################# // { // key: "yn", // // 显示文字 // showText: "网页内搜索(Todo)", // // 搜索模式匹配 // 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 // }, // // 搜索建议 // getSuggestions: async function (text, suggest) { // return; // }, // // 执行搜索 // search: function (text) { // } // }, // ############################################################################################################# // { // key: "re", // // 显示文字 // showText: "网页内正则表达式搜索(Todo)", // // 搜索模式匹配 // 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 // }, // // 搜索建议 // getSuggestions: async function (text, suggest) { // return; // }, // // 执行搜索 // search: function (text) { // } // }, // ############################################################################################################# // { // key: "ls", // // 显示文字 // showText: "历史记录(Todo)", // // 搜索模式匹配 // 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 // }, // // 搜索建议 // getSuggestions: async function (text, suggest) { // return; // }, // // 执行搜索 // 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: "boss", // // 显示文字 // showText: "召唤“学生助手”", // // 搜索模式匹配 // match: function (text) { // // return text.trim() == "boss" // return /^boss( |:|\uff1a)?$/.test(text) // }, // // 获取输入文字 // getInputText: (text) => "回车执行", // // 搜索建议 // getSuggestions: async function (text, suggest) { // return; // }, // // 执行搜索 // search: function (text) { // } // } ] /** * **************************************************************************************** * * 全局变量定义部分 * * **************************************************************************************** */ // 当前匹配的搜索模式的下标 var currentSearchModeIndex = 0; // 当前正在向服务端进行的请求 var currentRequest = null; // var ajaxUrl = "https://www.baidu.com/s?wd="; /** * **************************************************************************************** * * 搜索模式配置部分 * * **************************************************************************************** */ /** * 用户开始输入文本 */ chrome.omnibox.onInputStarted.addListener(function () { console.log("chrome.omnibox.onInputStarted"); updateDefaultSuggestion(''); }); /** * 搜索框失去焦点 */ chrome.omnibox.onInputCancelled.addListener(function () { console.log("chrome.omnibox.onInputCancelled"); updateDefaultSuggestion(''); }); /** * 输入框文本改变事件 */ chrome.omnibox.onInputChanged.addListener(function (text, suggest) { console.log("chrome.omnibox.onInputChanged", text); // 停止上一次搜索行为 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), suggest); }); /** * 用户输入完成,按下回车键 */ chrome.omnibox.onInputEntered.addListener(function (text) { console.log("chrome.omnibox.onInputEntered"); // 更新输入框回显提示信息 // 注意:这里必须还要更新一次,因为用户在输入时使用上下键选择suggest项目时,会触发 chrome.omnibox.onInputChanged 事件 // 如果不执行,那么输入 ss img 之后上下选择对应搜索,按回车会被解析为文字搜索,而不是图片搜索 updateDefaultSuggestion(text); var searchMode = omniboxSearchModes[currentSearchModeIndex]; var searchText = searchMode.getInputText(text); searchMode.search(searchText); console.log("用户输入:" + 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 || isCurrentNewTab()) { // 如果不在新标签页打开,或者当前标签页是新标签页 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("当前标签页是新标签页"); return true; } else { console.log("当前标签页不是新标签页"); 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; i++) { keyword = omniboxSearchModes[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 + ''); console.log("[更新下拉框提示开始]"); console.log(" text:", text); console.log(" 当前匹配搜索模式:", omniboxSearchModes[currentSearchModeIndex].showText); console.log(" isPlaintext:", isPlaintext); // console.log(description.join('')); console.log("[更新下拉框提示结束]"); 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 来源:知乎 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。 */