React Native WebView: Externes Skript (https://js.authorize.net/v1/Accept.js) wird auf Android-Geräten (z. B. Pixel) nic ⇐ Android

[Anonymous]

Ich entwickle eine React Native-Anwendung und verwende React-Native-Webview, um eine Zahlungsschnittstelle anzuzeigen. In diesem WebView muss ich ein externes Skript laden, um es in Authorize.net zu integrieren.

Das Skript wird auf iOS-Geräten und auf einigen Android-Geräten geladen und funktioniert ordnungsgemäß. Auf bestimmten Android-Geräten (z. B. Google Pixel) kann das Skript jedoch nicht geladen werden, was dazu führt, dass die WebView-Funktionalität nicht mehr funktioniert.
Aktuelle WebView-Implementierung

Code: Select all

Ich habe auch versucht, das Skript dynamisch einzufügen, nachdem der WebView-Inhalt geladen wurde:

Code: Select all

const scriptToInject = `
const script = document.createElement('script');
script.src = "https://js.authorize.net/v1/Accept.js";
script.charset = "utf-8";
document.head.appendChild(script);

script.onload = function () {
console.log("Accept.js successfully loaded");
};

script.onerror = function () {
console.error("Failed to load Accept.js");
};
`;

webviewRef.current.injectJavaScript(scriptToInject);

Warum kann das Authorize.net Accept.js-Skript auf einigen Android-Geräten nicht in „react-native-webview“ geladen werden, funktioniert aber auf iOS und anderen Android-Geräten?