Mengapa Saya Mendapat 'Tidak boleh membaca sifat yang tidak ditentukan' Apabila Mengakses API Chrome daripada Skrip Kandungan?

Mengakses API Chrome daripada Skrip Kandungan: Menyelesaikan Ralat "Tidak boleh membaca sifat yang tidak ditentukan"

Apabila mengakses API Chrome seperti chrome.tabs daripada skrip kandungan, pembangun mungkin menghadapi ralat "Tidak boleh membaca sifat yang tidak ditentukan". Ralat ini berlaku kerana skrip kandungan mempunyai akses terhad kepada API Chrome.

Bahagian kebenaran dalam fail manifes, seperti yang disediakan dalam soalan, termasuk kebenaran tab. Walau bagaimanapun, kebenaran ini hanya memberikan akses kepada API tab dalam skrip latar belakang, skrip pop timbul atau pekerja perkhidmatan.

Punca Ralat

Skrip kandungan disuntik ke dalam web halaman dan mempunyai set API terhad yang boleh mereka gunakan. API ini termasuk: chrome.i18n, chrome.dom, chrome.storage dan subset chrome.runtime dan chrome.extension. API seperti chrome.tabs, yang memanipulasi tab dan tetingkap penyemak imbas, tidak tersedia dalam skrip kandungan.

Penyelesaian

Untuk menyelesaikan ralat ini, penyelesaiannya adalah dengan meluluskan mesej daripada skrip kandungan kepada skrip latar belakang. Skrip latar belakang kemudiannya boleh menggunakan API chrome.tabs dan membalas mesej daripada skrip kandungan.

Berikut ialah contoh pelaksanaan:

Skrip kandungan:

chrome.runtime.sendMessage({ action: "getTabsInfo" }, (response) => {
    // Process the response from the background script
});

Skrip latar belakang:

chrome.runtime.onMessage.addListener((request, sender, sendResponse) => {
    if (request.action === "getTabsInfo") {
        chrome.tabs.query({}, (tabs) => {
            sendResponse({ tabs });
        });
        return true;
    }
});

Dengan menggunakan pendekatan ini, skrip kandungan boleh mengakses API Chrome dengan menghantar mesej ke skrip latar belakang.

Atas ialah kandungan terperinci Mengapa Saya Mendapat 'Tidak boleh membaca sifat yang tidak ditentukan' Apabila Mengakses API Chrome daripada Skrip Kandungan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!