我是chrome扩展开发的新手。我正在编写一个chrome扩展,它会将CSS注入页面。通过在manifest.json中指定css文件,我成功地做到了这一点。
我现在想要应用不同的css(文件),具体取决于通过browser_action触发的弹出窗口中选择的链接或按钮。因此,单击链接1将应用style-red.css,单击链接2将应用style-blue.css。第三个"重置"按钮应该将css重置回其原始状态(删除自定义样式的红色或蓝色css文件)。
我的manifest.json如下:
Reading files...
Finished reading, beginning diff generation.
Failed to reconstruct a.
60 37 45 32 64 115 101 99 116 105 111 110 32 61 32 34 100 111 119 110 108 111 97 100 115 34 32 37 62 10 60 37 45 32 64 115 117 98 115 101 99 116 105 111 110 32 61 32 34 34 32 37 62 10 10 60 100 105 118 32 105 100 61 34 109 97 105 110 34 62 10 32 32 60 104 49 62 68 111 119 110 108 111 97 100 32 102 111 114 32 76 105 110 117 120 32 97 110 100 32 85 110 105 120 60 47 104 49 62 10 32 32 60 112 62 73 116 32 105 115 32 101 97 115 105 101 115 116 32 116 111 32 105 110 115 116 97 108 108 32 71 105 116 32 111 110 32 76 105 110 117 120 32 117 115 105 110 103 32 116 104 101 32 112 114 101 102 101 114 114 101 100 32 112 97 99 107 97 103 101 32 109 97 110 97 103 101 114 32 111 102 32 121 111 117 114 32 76 105 110 117 120 32 100 105 115 116 114 105 98 117 116 105 111 110 46 60 47 112 62 10 10 32 32 60 104 51 62 68 101 98 105 97 110 47 85 98 117 110 116 117 60 47 104 51 62 10 32 32 60 99 111 100 101 62 36^32 97 112 116 45 103 101 116 32 105 110 115 116 97 108 108 32 103 105 116 60 47 99 111 100 101 62 10 10 32 32 60 104 51 62 70 101 100 111 114 97 60 47 104 51 62 10 32 32 60 99 111 100 101 62 36^32 121 117 109 32 105 110 115 116 97 108 108 32 103 105 116 60 47 99 111 100 101 62 32 40 117 112 32 116 111 32 70 101 100 111 114 97 32 50 49 41 60 98 114 62 10 32 32 60 99 111 100 101 62 36^32 100 110 102 32 105 110 115 116 97 108 108 32 103 105 116 60 47 99 111 100 101 62 32 40 70 101 100 111 114 97 32 50 50 32 97 110 100 32 108 97 116 101 114 41 10 10 32 32 60 104 51 62 71 101 110 116 111 111 60 47 104 51 62 10 32 32 60 99 111 100 101 62 36^32 101 109 101 114 103 101 32 45 45 97 115 107 32 45 45 118 101 114 98 111 115 101 32 100 101 118 45 118 99 115 47 103 105 116 60 47 99 111 100 101 62 10 10 32 32 60 104 51 62 65 114 99 104 32 76 105 110 117 120 60 47 104 51 62 10 32 32 60 99 111 100 101 62 36^32 112 97 99 109 97 110 32 45 83 32 103 105 116 60 47 99 111 100 101 62 10 10 32 32 60 104 51 62 111 112 101 110 83 85 83 69 60 47 104 51 62 10 32 32 60 99 111 100 101 62 36^32 122 121 112 112 101 114 32 105 110 115 116 97 108 108 32 103 105 116 60 47 99 111 100 101 62 10 10 32 32 60 104 51 62 70 114 101 101 66 83 68 60 47 104 51 62 10 32 32 60 99 111 100 101 62 36 32 99 100 32 47 117 115 114 47 112 111 114 116 115 47 100 101 118 101 108 47 103 105 116 60 47 99 111 100 101 62 60 98 114 62 60 99 111 100 101 62 36^32 109 97 107 101 32 105 110 115 116 97 108 108 60 47 99 111 100 101 62 10 32 32 10 32 32 60 104 51 62 83 111 108 97 114 105 115 32 57 47 49 48 47 49 49 32 40 60 97 32 104 114 101 102 61 34 104 116 116 112 115 58 47 47 111 112 101 110 99 115 119 46 111 114 103 34 62 79 112 101 110 67 83 87 60 47 97 62 41 60 47 104 51 62 10 32 32 60 99 111 100 101 62 36^32 112 107 103 117 116 105 108 32 45 105 32 103 105 116 60 47 99 111 100 101 62 10 10 32 32 60 104 51 62 83 111 108 97 114 105 115 32 49 49 32 69 120 112 114 101 115 115 60 47 104 51 62 10 32 32 60 99 111 100 101 62 36^32 112 107 103 32 105 110 115 116 97 108 108 32 100 101 118 101 108 111 112 101 114 47 118 101 114 115 105 111 110 105 110 103 47 103 105 116 60 47 99 111 100 101 62 10 32 32 10 32 32 60 104 51 62 79 112 101 110 66 83 68 60 47 104 51 62 10 32 32 60 99 111 100 101 62 36^32 112 107 103 95 97 100 100 32 103 105 116 60 47 99 111 100 101 62 10 10 60 47 100 105 118 62 10
60 37 45 32 64 115 101 99 116 105 111 110 32 61 32 34 100 111 119 110 108 111 97 100 115 34 32 37 62 10 60 37 45 32 64 115 117 98 115 101 99 116 105 111 110 32 61 32 34 34 32 37 62 10 10 60 100 105 118 32 105 100 61 34 109 97 105 110 34 62 10 32 32 60 104 49 62 68 111 119 110 108 111 97 100 32 102 111 114 32 76 105 110 117 120 32 97 110 100 32 85 110 105 120 60 47 104 49 62 10 32 32 60 112 62 73 116 32 105 115 32 101 97 115 105 101 115 116 32 116 111 32 105 110 115 116 97 108 108 32 71 105 116 32 111 110 32 76 105 110 117 120 32 117 115 105 110 103 32 116 104 101 32 112 114 101 102 101 114 114 101 100 32 112 97 99 107 97 103 101 32 109 97 110 97 103 101 114 32 111 102 32 121 111 117 114 32 76 105 110 117 120 32 100 105 115 116 114 105 98 117 116 105 111 110 46 60 47 112 62 10 10 32 32 60 104 51 62 68 101 98 105 97 110 47 85 98 117 110 116 117 60 47 104 51 62 10 32 32 60 99 111 100 101 62 35^32 97 112 116 45 103 101 116 32 105 110 115 116 97 108 108 32 103 105 116 60 47 99 111 100 101 62 10 10 32 32 60 104 51 62 70 101 100 111 114 97 60 47 104 51 62 10 32 32 60 99 111 100 101 62 35^32 121 117 109 32 105 110 115 116 97 108 108 32 103 105 116 60 47 99 111 100 101 62 32 40 117 112 32 116 111 32 70 101 100 111 114 97 32 50 49 41 60 98 114 62 10 32 32 60 99 111 100 101 62 35^32 100 110 102 32 105 110 115 116 97 108 108 32 103 105 116 60 47 99 111 100 101 62 32 40 70 101 100 111 114 97 32 50 50 32 97 110 100 32 108 97 116 101 114 41 10 10 32 32 60 104 51 62 71 101 110 116 111 111 60 47 104 51 62 10 32 32 60 99 111 100 101 62 35^32 101 109 101 114 103 101 32 45 45 97 115 107 32 45 45 118 101 114 98 111 115 101 32 100 101 118 45 118 99 115 47 103 105 116 60 47 99 111 100 101 62 10 10 32 32 60 104 51 62 65 114 99 104 32 76 105 110 117 120 60 47 104 51 62 10 32 32 60 99 111 100 101 62 35^32 112 97 99 109 97 110 32 45 83 32 103 105 116 60 47 99 111 100 101 62 10 10 32 32 60 104 51 62 111 112 101 110 83 85 83 69 60 47 104 51 62 10 32 32 60 99 111 100 101 62 35^32 122 121 112 112 101 114 32 105 110 115 116 97 108 108 32 103 105 116 60 47 99 111 100 101 62 10 10 32 32 60 104 51 62 70 114 101 101 66 83 68 60 47 104 51 62 10 32 32 60 99 111 100 101 62 36 32 99 100 32 47 117 115 114 47 112 111 114 116 115 47 100 101 118 101 108 47 103 105 116 60 47 99 111 100 101 62 60 98 114 62 60 99 111 100 101 62 35^32 109 97 107 101 32 105 110 115 116 97 108 108 60 47 99 111 100 101 62 10 32 32 10 32 32 60 104 51 62 83 111 108 97 114 105 115 32 57 47 49 48 47 49 49 32 40 60 97 32 104 114 101 102 61 34 104 116 116 112 115 58 47 47 111 112 101 110 99 115 119 46 111 114 103 34 62 79 112 101 110 67 83 87 60 47 97 62 41 60 47 104 51 62 10 32 32 60 99 111 100 101 62 35^32 112 107 103 117 116 105 108 32 45 105 32 103 105 116 60 47 99 111 100 101 62 10 10 32 32 60 104 51 62 83 111 108 97 114 105 115 32 49 49 32 69 120 112 114 101 115 115 60 47 104 51 62 10 32 32 60 99 111 100 101 62 35^32 112 107 103 32 105 110 115 116 97 108 108 32 100 101 118 101 108 111 112 101 114 47 118 101 114 115 105 111 110 105 110 103 47 103 105 116 60 47 99 111 100 101 62 10 32 32 10 32 32 60 104 51 62 79 112 101 110 66 83 68 60 47 104 51 62 10 32 32 60 99 111 100 101 62 35^32 112 107 103 95 97 100 100 32 103 105 116 60 47 99 111 100 101 62 10 10 60 47 100 105 118 62 10
Failed to reconstruct b.
60 37 45 32 64 115 101 99 116 105 111 110 32 61 32 34 100 111 119 110 108 111 97 100 115 34 32 37 62 10 60 37 45 32 64 115 117 98 115 101 99 116 105 111 110 32 61 32 34 34 32 37 62 10 10 60 100 105 118 32 105 100 61 34 109 97 105 110 34 62 10 32 32 60 104 49 62 68 111 119 110 108 111 97 100 32 102 111 114 32 76 105 110 117 120 32 97 110 100 32 85 110 105 120 60 47 104 49 62 10 32 32 60 112 62 73 116 32 105 115 32 101 97 115 105 101 115 116 32 116 111 32 105 110 115 116 97 108 108 32 71 105 116 32 111 110 32 76 105 110 117 120 32 117 115 105 110 103 32 116 104 101 32 112 114 101 102 101 114 114 101 100 32 112 97 99 107 97 103 101 32 109 97 110 97 103 101 114 32 111 102 32 121 111 117 114 32 76 105 110 117 120 32 100 105 115 116 114 105 98 117 116 105 111 110 46 60 47 112 62 10 10 32 32 60 104 51 62 68 101 98 105 97 110 47 85 98 117 110 116 117 60 47 104 51 62 10 32 32 60 99 111 100 101 62 35^32 97 112 116 45 103 101 116 32 105 110 115 116 97 108 108 32 103 105 116 60 47 99 111 100 101 62 10 10 32 32 60 104 51 62 70 101 100 111 114 97 60 47 104 51 62 10 32 32 60 99 111 100 101 62 35^32 121 117 109 32 105 110 115 116 97 108 108 32 103 105 116 60 47 99 111 100 101 62 32 40 117 112 32 116 111 32 70 101 100 111 114 97 32 50 49 41 60 98 114 62 10 32 32 60 99 111 100 101 62 35^32 100 110 102 32 105 110 115 116 97 108 108 32 103 105 116 60 47 99 111 100 101 62 32 40 70 101 100 111 114 97 32 50 50 32 97 110 100 32 108 97 116 101 114 41 10 10 32 32 60 104 51 62 71 101 110 116 111 111 60 47 104 51 62 10 32 32 60 99 111 100 101 62 35^32 101 109 101 114 103 101 32 45 45 97 115 107 32 45 45 118 101 114 98 111 115 101 32 100 101 118 45 118 99 115 47 103 105 116 60 47 99 111 100 101 62 10 10 32 32 60 104 51 62 65 114 99 104 32 76 105 110 117 120 60 47 104 51 62 10 32 32 60 99 111 100 101 62 35^32 112 97 99 109 97 110 32 45 83 32 103 105 116 60 47 99 111 100 101 62 10 10 32 32 60 104 51 62 111 112 101 110 83 85 83 69 60 47 104 51 62 10 32 32 60 99 111 100 101 62 35^32 122 121 112 112 101 114 32 105 110 115 116 97 108 108 32 103 105 116 60 47 99 111 100 101 62 10 10 32 32 60 104 51 62 70 114 101 101 66 83 68 60 47 104 51 62 10 32 32 60 99 111 100 101 62 36 32 99 100 32 47 117 115 114 47 112 111 114 116 115 47 100 101 118 101 108 47 103 105 116 60 47 99 111 100 101 62 60 98 114 62 60 99 111 100 101 62 35^32 109 97 107 101 32 105 110 115 116 97 108 108 60 47 99 111 100 101 62 10 32 32 10 32 32 60 104 51 62 83 111 108 97 114 105 115 32 57 47 49 48 47 49 49 32 40 60 97 32 104 114 101 102 61 34 104 116 116 112 115 58 47 47 111 112 101 110 99 115 119 46 111 114 103 34 62 79 112 101 110 67 83 87 60 47 97 62 41 60 47 104 51 62 10 32 32 60 99 111 100 101 62 35^32 112 107 103 117 116 105 108 32 45 105 32 103 105 116 60 47 99 111 100 101 62 10 10 32 32 60 104 51 62 83 111 108 97 114 105 115 32 49 49 32 69 120 112 114 101 115 115 60 47 104 51 62 10 32 32 60 99 111 100 101 62 35^32 112 107 103 32 105 110 115 116 97 108 108 32 100 101 118 101 108 111 112 101 114 47 118 101 114 115 105 111 110 105 110 103 47 103 105 116 60 47 99 111 100 101 62 10 32 32 10 32 32 60 104 51 62 79 112 101 110 66 83 68 60 47 104 51 62 10 32 32 60 99 111 100 101 62 35^32 112 107 103 95 97 100 100 32 103 105 116 60 47 99 111 100 101 62 10 10 60 47 100 105 118 62 10
60 37 45 32 64 115 101 99 116 105 111 110 32 61 32 34 100 111 119 110 108 111 97 100 115 34 32 37 62 10 60 37 45 32 64 115 117 98 115 101 99 116 105 111 110 32 61 32 34 34 32 37 62 10 10 60 100 105 118 32 105 100 61 34 109 97 105 110 34 62 10 32 32 60 104 49 62 68 111 119 110 108 111 97 100 32 102 111 114 32 76 105 110 117 120 32 97 110 100 32 85 110 105 120 60 47 104 49 62 10 32 32 60 112 62 73 116 32 105 115 32 101 97 115 105 101 115 116 32 116 111 32 105 110 115 116 97 108 108 32 71 105 116 32 111 110 32 76 105 110 117 120 32 117 115 105 110 103 32 116 104 101 32 112 114 101 102 101 114 114 101 100 32 112 97 99 107 97 103 101 32 109 97 110 97 103 101 114 32 111 102 32 121 111 117 114 32 76 105 110 117 120 32 100 105 115 116 114 105 98 117 116 105 111 110 46 60 47 112 62 10 10 32 32 60 104 51 62 68 101 98 105 97 110 47 85 98 117 110 116 117 60 47 104 51 62 10 32 32 60 99 111 100 101 62 36^32 97 112 116 45 103 101 116 32 105 110 115 116 97 108 108 32 103 105 116 60 47 99 111 100 101 62 10 10 32 32 60 104 51 62 70 101 100 111 114 97 60 47 104 51 62 10 32 32 60 99 111 100 101 62 36^32 121 117 109 32 105 110 115 116 97 108 108 32 103 105 116 60 47 99 111 100 101 62 32 40 117 112 32 116 111 32 70 101 100 111 114 97 32 50 49 41 60 98 114 62 10 32 32 60 99 111 100 101 62 36^32 100 110 102 32 105 110 115 116 97 108 108 32 103 105 116 60 47 99 111 100 101 62 32 40 70 101 100 111 114 97 32 50 50 32 97 110 100 32 108 97 116 101 114 41 10 10 32 32 60 104 51 62 71 101 110 116 111 111 60 47 104 51 62 10 32 32 60 99 111 100 101 62 36^32 101 109 101 114 103 101 32 45 45 97 115 107 32 45 45 118 101 114 98 111 115 101 32 100 101 118 45 118 99 115 47 103 105 116 60 47 99 111 100 101 62 10 10 32 32 60 104 51 62 65 114 99 104 32 76 105 110 117 120 60 47 104 51 62 10 32 32 60 99 111 100 101 62 36^32 112 97 99 109 97 110 32 45 83 32 103 105 116 60 47 99 111 100 101 62 10 10 32 32 60 104 51 62 111 112 101 110 83 85 83 69 60 47 104 51 62 10 32 32 60 99 111 100 101 62 36^32 122 121 112 112 101 114 32 105 110 115 116 97 108 108 32 103 105 116 60 47 99 111 100 101 62 10 10 32 32 60 104 51 62 70 114 101 101 66 83 68 60 47 104 51 62 10 32 32 60 99 111 100 101 62 36 32 99 100 32 47 117 115 114 47 112 111 114 116 115 47 100 101 118 101 108 47 103 105 116 60 47 99 111 100 101 62 60 98 114 62 60 99 111 100 101 62 36^32 109 97 107 101 32 105 110 115 116 97 108 108 60 47 99 111 100 101 62 10 32 32 10 32 32 60 104 51 62 83 111 108 97 114 105 115 32 57 47 49 48 47 49 49 32 40 60 97 32 104 114 101 102 61 34 104 116 116 112 115 58 47 47 111 112 101 110 99 115 119 46 111 114 103 34 62 79 112 101 110 67 83 87 60 47 97 62 41 60 47 104 51 62 10 32 32 60 99 111 100 101 62 36^32 112 107 103 117 116 105 108 32 45 105 32 103 105 116 60 47 99 111 100 101 62 10 10 32 32 60 104 51 62 83 111 108 97 114 105 115 32 49 49 32 69 120 112 114 101 115 115 60 47 104 51 62 10 32 32 60 99 111 100 101 62 36^32 112 107 103 32 105 110 115 116 97 108 108 32 100 101 118 101 108 111 112 101 114 47 118 101 114 115 105 111 110 105 110 103 47 103 105 116 60 47 99 111 100 101 62 10 32 32 10 32 32 60 104 51 62 79 112 101 110 66 83 68 60 47 104 51 62 10 32 32 60 99 111 100 101 62 36^32 112 107 103 95 97 100 100 32 103 105 116 60 47 99 111 100 101 62 10 10 60 47 100 105 118 62 10
Finished diff generation.
Final Length: 58
我目前的做法是让script.js中的监听器监听popup.html中按下的按钮。根据按下的按钮,以下script.js将使用下面的jquery将相应的CSS文件添加到my-site.com中:
^
我尝试在script.js中使用上面的jquery(没有manifest.json中的browser_action)思考script.js会自动加载,但CSS不会应用到my-site.com。我做错了什么或者是否有更简单的Javascript而不需要添加完整的jquery库?
即使jquery有效,如何根据popup.html中的选项应用不同的CSS文件,以及在用户选择时将css重置为其原始样式?
答案 0 :(得分:1)
web_accessible_resources
chrome.tabs.insertCSS
,可以在扩展上下文中调用它,例如弹出页面。