我编写了一项功能,该功能必须在Wordpress内置的网站上运行,以显示Facebook Messenger聊天或链接(如果在移动设备上将使我转至Messenger应用程序)。
我已经在台式机上的Chrome和FireFox上测试了该功能,并且可以正常工作。 但是,在移动设备上,它仅适用于Firefox和设备的默认浏览器,而不适用于Chrome。
下面,我输入涉及的代码部分。
<style>
.fb_reset {
display: none;
}
.campaign-alert {
display: none;
position: fixed;
bottom: 18px;
right: 18px;
z-index: 100000;
}
<div id="fb-root" class="fb_reset">fb-chat</div>
<div id="campaign-alert" class="campaign-alert">fb-link</div>
<script type="text/javascript">
jQuery(window).on('load',function () {
if (jQuery(window).width() < 990) {
let script = document.createElement('script');
script.src = "control facebook login";
document.head.append(script);
script.onload = function myFunction1() {
document.getElementById('campaign-alert').style.display = 'none';
document.getElementById('fb-root').style.display = 'block';
}
script.onerror = function myFunction2() {
document.getElementById('fb-root').style.display = 'none';
document.getElementById('campaign-alert').style.display = 'block';
}
}
else {
let script = document.createElement('script');
script.src = "control facebook login";
document.head.append(script);
script.onload = function myFunction1() {
document.getElementById('campaign-alert').style.display = 'none';
document.getElementById('fb-root').style.display = 'block';
}
script.onerror = function myFunction2() {
document.getElementById('campaign-alert').style.display = 'none';
document.getElementById('fb-root').style.display = 'block';
}
}
});