我正在尝试为我的团队构建 Chrome 扩展程序。
我们有用于票务系统的 salesforce 网站。 在系统中,我们有票证列表和可打开并查看票证数据的选项卡。 我想将文本和图像作为 html、css、js 代码添加到选项卡内的数据中。 当我点击一个选项卡时,它会更改或添加我想要的 html 代码。
到目前为止我的代码:
list :
{
"manifest_version": 2,
"name": "Help Desk SalesForce Helper",
"description": "Help Desk SalesForce Helper",
"version": "1.0",
"options_page" : "options.html",
"permissions": [
"<all_urls>",
"tabs",
"storage"
] ,
"browser_action": {
"default_icon": {
"19": "images/icons/19.png",
"38": "images/icons/38.png"
},
"default_popup": "popup.html"
},
"icons": {
"16": "images/icons/16.png",
"19": "images/icons/19.png",
"38": "images/icons/38.png",
"64": "images/icons/64.png",
"128": "images/icons/128.png"
},
"background":{
"scripts":["eventPage.js"],
"persistent":false
},
"content_scripts":[
{
"matches":["https://icl--bmcservicedesk.eu32.visual.force.com/*"],
"js":["jquery-3.4.1.min.js","content.js"]
}
]
}
content.js
$(document).ready(function(){
$('.x-tab-inner').on('click',function(){
alert('The New or old Tab is Clicked');
});
});
如您所见,我有一个带有票证列表的事件选项卡,当我单击票证时,该选项卡会打开。
最佳答案
如果您指的是 html 元素,您想要添加哪种信息,为什么不在 content.js 中创建要添加的元素,然后将每个元素附加到您想要的位置,您可以提供更多信息或示例吗您想要添加的 html/css/js
关于javascript - jQuery 和动态选项卡和数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60503511/