Question

我希望我的Chrome扩展程序能够在激活时在任何页面右侧注入300px侧边栏以及数据。我正在寻找构建侧边栏及其HTML内容的最佳方法。我可以使用contentscript.js文件对当前页面进行一些小的更改，但我不知道如何构建整个HTML内容并将其显示为侧边栏。

我使用内容脚本文件中的以下代码构建了侧边栏：

sidebar = $("<div id='sidebar'></div>");

sidebar.css({
    'position': 'fixed',
    'right': '0px',
    'top': '0px',
    'z-index': 9999,
    'width': '290px',
    'height': '100%',
    'background-color': 'blue'  // Confirm it shows up
});

$('body').append(sidebar);

现在我的问题是如何为该侧边栏构建HTML内容？

Answer 1

您可以注入一个创建条形图的Javascript代码示例此开发人员＆＃34;正确的菜单栏＆＃34;创造了这个。点击它即可启用/禁用Google网站顶部的菜单栏。 https://chrome.google.com/webstore/detail/proper-menubar/egclcjdpndeoioimlbbbmdhcaopnedkp

如何使用html内容构建300px侧边栏并在chrome扩展中注入当前页面

1 个答案: