如何在inAppBrowser加载页面时添加预加载器？

// 创建预加载器
var preloader = document.createElement('div');
preloader.className = 'preloader'; // 预加载器的CSS类名
preloader.innerHTML = 'Loading...'; // 预加载器的文本内容

// 监听inAppBrowser的事件
var inAppBrowserRef = cordova.InAppBrowser.open('https://example.com', '_blank', 'location=yes');
inAppBrowserRef.addEventListener('loadstart', function() {
    // 显示预加载器
    inAppBrowserRef.insertCSS({ code: '.preloader { display: block; }' });
    inAppBrowserRef.insertCSS({ code: 'body { opacity: 0.5; }' });
    inAppBrowserRef.executeScript({ code: 'document.body.appendChild(preloader);' });
});

inAppBrowserRef.addEventListener('loadstop', function() {
    // 隐藏预加载器
    inAppBrowserRef.insertCSS({ code: '.preloader { display: none; }' });
    inAppBrowserRef.insertCSS({ code: 'body { opacity: 1; }' });
    inAppBrowserRef.executeScript({ code: 'document.body.removeChild(preloader);' });
});