2

我正在做一个 chrome 扩展。而且我对 scrollTop 有一些问题(我希望这是“获取滚动高度”!)。

第一:结构:我有一个清单、一个 html 页面、一个 javascript 和一个图像。

第二:瞄准。我正在尝试向下滚动到底部,而不是转到顶部,然后重新启动以滚动到底部.. 一个循环。在清单中我有这个:

{
 "background": {
       "page": "scroll.html"
 },
 "browser_action": {
       "default_icon": "icon.png",
       "default_title": ""
 },
 "content_scripts": [ {
       "js": [ "scroll.js" ],
       "matches": [ "http://*/*", "https://*/*" ]
 } ],
 "description": "Auto Scroll. UpDownUp!",
 "icons": {
       "128": "icon.png",
       "48": "icon.png"
 },    
 "manifest_version": 2,    
 "name": "Auto Scroll, UpDownUp",    
 "permissions": [ "tabs", "http://*/*", "https://*/*" ],    
 "version": "0.2.3"
}

如您所见,我没有任何弹出的html。

在我的 html 页面中,我有这个:

<html>
<head>
<title>Auto Scroll</title>
</head>
<body >
<script src="scroll.js"></script>
</body> 
</html>

在我的 scroll.js 中有几个函数,可以开始滚动,并且滚动得更快。但我不需要引用所有代码(164 行)。

我只是有很多垃圾,最后它只做这个简单的事情:

chrome.tabs.update(id, {'url': 'javascript:document.body.scrollTop+=1;'});

我的扩展“有效”。但我还没有完成我想做的所有事情:

这个扩展只会下降(确实如此!!)。我希望当我在页面底部时,扩展程序将执行:

chrome.tabs.update(id, {'url': 'javascript:document.body.scrollTop=0;'});

我想:

1)获取最大滚动高度,检查scrolltop,如果相同,使用该代码。如果我这样做,则扩展名将始终位于顶部(向下滚动一点后),就好像这些值始终(!!)相等一样。

if(document.body.scollTop==document.body.Height)
{
chrome.tabs.update(id, {'url': 'javascript:document.body.scrollTop=0;'});
}

这是第一次尝试的结果......但不起作用。

2) var y=document.body.scrollTop --> 滚动 --> z=document.body.scrollTop。如果 y==z,那么我在底部,然后转到顶部......这不起作用,y 和 z 总是相等的!!!

我每次使用时都使用警报(值)

chrome.tabs.update(id, {'url': 'javascript:document.body.scrollTop+=1;'});

设置

alert(document.body.scollTop);

并弹出“0”。总是...我关闭弹出窗口,扩展名向下滚动一点,然后弹出窗口再次出现 0!

好吧……我的错!?

我有一个想法:我的 javascript 由背景页面加载,并且 javascript 在浏览器中的页面上起作用,我的 scrollTop 命令给了我背景页面高度......这真的很糟糕。你能帮我找到在“活动”页面末尾停止以执行“转到顶部”功能的方法吗!?

编辑:

我发现了一些东西,如果我用这个

chrome.tabs.getSelected(null, function(tab) { 
    alert(tab.url);
})

一个窗口弹出我们告诉我acqual tab url。看着这个我发现高度是选项卡属性,所以我使用:

    chrome.tabs.getSelected(null, function(tab) { 
    alert(tab.height);
})

但是弹出窗口并说“未定义”....我真的不知道我该怎么做才能检索实际的标签滚动位置。

4

3 回答 3

1

您似乎正在混合背景页面代码和实际网页代码。

1 肯定行不通,因为您查询的是背景页面的值而不是实际网页的值(条件),然后在实际网页中执行代码(设置 scrollTop)。

关于 2 - 我不确定你的意思是什么......

从后台页面在实际网页中执行 JavaScript 的正确方法是使用chrome.tabs.executeScript. 或者您可以只使用内容脚本(您甚至可能不需要背景页面?)。

一旦确保在实际网页中而不是在后台页面中执行所有代码(即查询和更改实际网页中的内容),您的代码通常应该可以工作。

于 2013-10-21T07:22:44.950 回答
1

终于解决了 我设法完成了 2 个功能:

function scrolla(){
    chrome.tabs.executeScript({code: 'var x= document.body.scrollTop; document.body.scrollTop+=1; var y=document.body.scrollTop; if(x==y){document.body.scrollTop=0;}'});
}

chrome.browserAction.onClicked.addListener(function(tab) {

      var start = setInterval(function(){scrolla()},10);

    });

这将滚动页面直到结束,而不是从顶部重新开始。我设法做到这一点非常非常困难!哈哈哈解决了!!!!

于 2013-10-22T22:55:10.393 回答
0

1) 你不应该使用 tabs.update 来注入 javascript: urls——而是使用 tabs.executeScript 来注入代码。javascript: url 不太安全,因为它们直接将代码注入网页世界,而 executeScript 将代码注入单独的 contentscripts 世界

2) 您可以使用 tabs.executeScript 返回值——但前提是您运行的代码是同步的。只需在代码的最后一条语句中列出返回值(无 return 关键字),例如chrome.tabs.executeScript(tabid,{code:"var a = 34; location.href;"},function(url){console.log(url)})将 location.href 的值返回给回调函数。

3)您应该能够通过设置elem .scrollTop = value来滚动。范围从 0 到elem .scrollHeight。如果您无法使用 document.body.scrollTop 滚动,那么它可能是页面中需要滚动的不同元素。

于 2013-10-21T21:32:14.780 回答