Я пытаюсь построить Chrome Расширение для моей команды.
У нас есть сайт Salesforce для системы тикетов. В системе у нас есть список заявок и вкладки, которые нужно открыть и посмотреть данные о заявке. я хотел бы добавить текст и imgaes как html, css, js код для данных внутри вкладки. и когда я нажимаю на вкладку, она изменит или добавит нужный мне код html.
мой код:
Манифест:
{
"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"]
}
]
}
содержание. js
$(document).ready(function(){
$('.x-tab-inner').on('click',function(){
alert('The New or old Tab is Clicked');
});
});
, как вы видите, у меня есть вкладка инцидентов с списки билетов, когда я нажимаю на билет, открывается вкладка.
![enter image description here](https://i.stack.imgur.com/5ewul.png)
данные вкладки, которые я хочу изменить или добавить для каждого открытого билета. Каждый билет имеет свои данные. ![enter image description here](https://i.stack.imgur.com/4Tpm2.png)