javascript - jQuery 和动态选项卡和数据

标签 javascript jquery google-chrome google-chrome-extension

我正在尝试为我的团队构建 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');
});

});

如您所见,我有一个带有票证列表的事件选项卡,当我单击票证时,该选项卡会打开。

enter image description here

我想要为每张打开的票证更改或添加的选项卡数据。 每张票都有自己的数据。 enter image description here

最佳答案

如果您指的是 html 元素,您想要添加哪种信息,为什么不在 content.js 中创建要添加的元素,然后将每个元素附加到您想要的位置,您可以提供更多信息或示例吗您想要添加的 html/css/js

关于javascript - jQuery 和动态选项卡和数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60503511/

相关文章:

javascript - 尝试解析 Yahoo Weather JSON 时出错

javascript - 通过 JavaScript 加速将 HTML 元素附加到 div 中

javascript - 如何强制 jquery $.when(...) 失败

javascript - 拉斐尔JS :Text around path not visible

php - jQuery .live 多次触发!

javascript - ng-if 当 AngularJS 中的 $scope var 更改时不更新

css - 为什么这在 Chrome 和 Firefox 3.6 之间呈现不同?

javascript - Amazon S3 图像在 Chrome 中获取 CORS 错误/错误,在 Firefox 中没有错误

javascript - 自定义组合框焦点不会转移到选择 elem,并且 eventBubble 不会停止。在 IE 中运行良好,但在其他浏览器中运行不佳

javascript - 使用传递的 JSON 数组创建 Google 折线图