javascript-通过Greasemonkey实施Google Custom Search API

我想用Greasemonkey实现Google自定义搜索API,到目前为止,我的试用大多失败了.该代码的目标是将自定义搜索框注入到现有站点中(我正尝试在MATLAB的文档页面中执行此操作,但注入的代码实际上应可在任何站点上使用).我尝试了网上搜索建议的许多方法(大多数与Greasemonkey中的JQuery或Google语言api的实现有关),但没有一种方法可用于自定义搜索api.

我认为可变范围可能存在一些问题,但是请让我知道是否有人对它起作用有任何建议…

// Inject the Google API loader script
var script = document.createElement('script'); 
script.src = 'http://www.google.com/jsapi?callback=gLoaded';  // Call gLoaded() when google api loader is ready.
script.type = "text/javascript"; 
document.getElementsByTagName('head')[0].appendChild(script); 

// Create the <div> tag for the search API to draw the search box
var elmBody = document.getElementsByTagName('Body')[0];
var gSearch = document.createElement('div');
gSearch.id = 'g_search';
elmBody.appendChild(gSearch);

// Let w be the shorthand for unsafeWindow under the Greasemonkey sandbox
var w = unsafeWindow;

// Load the search api using the Google API loader
w.gLoaded= function()
{ w.google.load('search','1', {"callback" : searchLoaded}); } ; // Run searchLoaded() when search API is ready

// Setup the custom search API and draw the search box
searchLoaded = function(){ 
google = w.google; // unsafeWindow
alert(google);                                   // :debug_1
alert(google.search);                            // :debug_2
alert(google.search.CurrentLocale);              // :debug_3
var mySearch= new google.search.CustomSearchControl('012907575288767046387:tuvzi3yqdkq');
alert(mySearch)                                  // :debug_4
mySearch.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
mySearch.draw('g_search');  // Draw the search box to the <div id='g_search'>
} 

> debug_1：返回有效的对象
> debug_2：返回有效的对象
> debug_3：返回有效的字符串(‘en’)
> debug_3：返回未定义
>同样,我尝试过让searchLoaded-> w.searchLoaded并删除了该语句(google = w.google),但在这种情况下,所有调试均未定义.

有趣的是,当我使用Javascript shell bookmarklet并通过命令行重新分配了功能gLoaded()和searchLoaded()与非Grasemonkey对应的功能时(没有涉及unsafeWindow),一切都按预期进行了.一个可爱的搜索框会显示它应该在的位置.

除了使它工作的任何建议外,我还在想…

> google.search.CurrentLocale为什么返回有效的字符串,而无法加载构造函数google.search.CustomSearchControl()？
>当我将searchLoaded分配为unsafeWindow.searchLoaded(请参阅上面的最后一条注释)时,即使默认情况下Google对象应位于窗口范围内,该函数也不再对它们可见.但是,当我在javascript shell下为函数分配这些非常相同的值时,一切正常！即使我已将函数明确定义在窗口范围内,Greasemonkey是否以某种方式屏蔽了这些变量？

我尝试了不同方案的变体(位置破解,@ required,google.setOnLoadCallback …),但是它们都不适合我.

请让我知道任何…我的意思是任何建议,我的想法已用尽…

谢谢！

解决方法:

基本上…

var script = document.createElement('script'); 
script.type = "text/javascript"; 
script.innerHTML = (<><![CDATA[

// YOUR CODE GOES HERE

]]></>).toString();
document.getElementsByTagName('head')[0].appendChild(script);

将代码编写为普通脚本,而不是GM脚本.
我的意思是,删除所有unsafeWindow引用和相关内容.
这将使脚本在正确的范围内运行.
发生问题是因为google.search.CustomSearchControl使用了GM范围中未定义的变量(例如J和K).

标签：google-search,greasemonkey,google-search-api,javascript
来源： https://codeday.me/bug/20191209/2097421.html