Google chrome 通过chrome扩展修改页面中的dom

我正在尝试创建包含以下功能的chrome扩展：

1当用户访问某个域的页面时，此扩展将删除页面中的一些DOM

2检查所有图像的大小，如果其中一个图像的大小大于指定的大小，则此图像将设置为指定的大小，当用户单击它时，图像将调整为其原始尺寸

这就是我所做的：

"content_scripts": [
    {
        "matches": ["http://*.xx.com/*"],
        "js": ["res/js/jquery-2.0.3.min.js", "res/js/inject.js"],
        "run_at": "document_end"
    }
]

inject.js：

$(document).ready(function () {
    $("xxx").remove();
    $("img").each(....);
});

但是我遇到了一些问题：

1 jquery库是本地引用的，是否有从CDN源加载jquery的想法

2完全加载页面需要很长时间，这意味着要删除的内容将在很长时间内保持可见

3页面使用类似twitter的布局，当用户滚动页面时，将加载更多内容。所以问题来了

My inject.js将在页面加载完成后运行，所有已加载的图像将被处理。但当加载更多内容时，将不会处理新加载的图像

所以我想知道是否有像元素_渲染这样的事件可以捕获？如果是，我可以这样做：

xxx.events.addListener('element_rendered',function(ele){
    if(shouldRemvoed(ele)){
        //remvoe it.
    } else if(isImg){
        //check size......
    }
});

这是可能的，还是有其他方法来完成我的工作

1 jquery库是本地引用的，有什么想法可以加载吗 来自CDN源的jquery

不，不在chrome扩展中

2完全加载页面需要很长时间，这意味着要>删除的内容将在很长时间内保持可见

3页面使用类似twitter的布局，当用户滚动页面时，更多内容将>加载。所以问题来了

您可以使用跟踪DOM上的更改