Melalui Parameter ke Skrip Kandungan Disuntik dengan chrome.tabs.executeScript()
Apabila menyuntik fail skrip kandungan menggunakan chrome.tabs.executeScript ({file: "content.js"}), soalan biasa timbul: bagaimana untuk menghantar parameter kepada JavaScript dalam fail skrip kandungan?
Parameter Passing Fallacy
Adalah penting untuk menjelaskan bahawa anda tidak boleh menghantar parameter terus ke fail. Sebaliknya, anda mempunyai dua pilihan untuk mencapai fungsi ini:
1. Menetapkan Parameter Sebelum Pelaksanaan Fail
Panggilan Nest chrome.tabs.executeScript untuk menentukan pembolehubah sebelum menyuntik fail:
<code class="javascript">chrome.tabs.executeScript(tab.id, { code: 'var config = 1;' }, function() { chrome.tabs.executeScript(tab.id, {file: 'content.js'}); });</code>
Untuk pembolehubah kompleks, pertimbangkan untuk menggunakan JSON.stringify untuk menukar objek ke dalam rentetan:
<code class="javascript">var config = {somebigobject: 'complicated value'}; chrome.tabs.executeScript(tab.id, { code: 'var config = ' + JSON.stringify(config) }, function() { chrome.tabs.executeScript(tab.id, {file: 'content.js'}); });</code>
Dalam content.js, anda boleh mengakses pembolehubah ini:
<code class="javascript">// content.js alert('Example:' + config);</code>
2. Menetapkan Parameter Selepas Perlaksanaan Fail
Laksanakan fail dahulu, kemudian gunakan API yang menghantar mesej untuk menghantar parameter:
<code class="javascript">chrome.tabs.executeScript(tab.id, {file: 'content.js'}, function() { chrome.tabs.sendMessage(tab.id, 'whatever value; String, object, whatever'); });</code>
Dalam content.js, dengar mesej ini menggunakan chrome. runtime.onMessage dan kendalikan mesej:
<code class="javascript">chrome.runtime.onMessage.addListener(function(message, sender, sendResponse) { // Handle message. // In this example, message === 'whatever value; String, object, whatever' });</code>
Atas ialah kandungan terperinci Bagaimanakah Saya Melewati Parameter kepada Skrip Kandungan yang Disuntik dengan `chrome.tabs.executeScript()`?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!