首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何避免Facebook xfbml.customerchat.js与sdk.js的冲突?

如何避免Facebook xfbml.customerchat.js与sdk.js的冲突?
EN

Stack Overflow用户
提问于 2019-08-06 05:23:17
回答 1查看 1.6K关注 0票数 4

我的网页上有两个应用程序

  1. 客户聊天插件(取自Facebook扇页)
  2. Facebook登录应用程序

第一个负荷

  • '//connect.facebook.net/en_EN/sdk/xfbml.customerchat.js';= js.src

第二负荷

  • "//connect.facebook.net/en_EN/all.js#xfbml=1&version=v3.3&appId=MYFACEBOOKID";= js.src

这两个应用程序不会一起工作-如果一个工作,而另一个不工作。

因此,如果Faecbook登录SDK将作为第一个加载,那么客户聊天抛出的控制台通知:

CustomerChat插件不再是主要的Facebook的一部分。要继续使用它,请使用正确的sdk.js,意思是用sdk/xfbml.customerchat.js替换sdk.js。有关详细信息,请参阅https://developers.facebook.com/docs/messenger-platform/discovery/customer-chat-plugin/sdk

否则,如果只加载客户聊天,那么

FB.login()在FB.init()之前调用。

发生..。

想法?

EN

回答 1

Stack Overflow用户

发布于 2019-08-06 05:44:39

这段代码来自客户聊天插件(由FB在扇页设置中生成)。

我在Facebook登录插件中添加了FB.init的一部分,如下所示:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<script>
          window.fbAsyncInit = function() {
            FB.init({
              xfbml            : true,
              version          : 'v3.3'
            });
          };
// added part START
          window.fbAsyncInit = function() {
            FB.init({
              appId      : 'MYAPPID', // Facebook login
              cookie     : true,
              xfbml      : true,
              version    : 'v3.3'
            });
          };
// added part END
          (function(d, s, id) {
          var js, fjs = d.getElementsByTagName(s)[0];
          if (d.getElementById(id)) return;
          js = d.createElement(s); js.id = id;
          js.src = '//connect.facebook.net/lt_LT/sdk/xfbml.customerchat.js';
          fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
</script>

这两个插件都开始工作了。

票数 -1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/57377108

复制
相关文章
多主复制下处理写冲突(1)-同步与异步冲突检测及避免冲突
如两个用户同时编辑wiki,如图-7。用户1将页面标题从A-》B,且用户2同时将标题从A-》C。每个用户的更改都成功提交到本地主节点。但当异步复制到对方时,发现存在冲突。正常的主从复制则不会出现此问题。
JavaEdge
2022/08/01
1K0
多主复制下处理写冲突(1)-同步与异步冲突检测及避免冲突
Elasticsearch 为什么会产生文档版本冲突?如何避免?
模拟脚本2:循环update_by_query 批量更新数据 update.sh。
铭毅天下
2022/09/26
4K0
Elasticsearch 为什么会产生文档版本冲突?如何避免?
MySQL双主模式下是如何避免数据回环冲突的
不知道大家想过这个问题没有?如果配置了双主,是如何避免出现数据回环冲突的,因为在数据双活的设计方案中,这可以算是方案的核心设计思想之一。
jeanron100
2019/11/14
3K0
Spring Cloud集中环境中开发如何避免服务冲突
使用中央环境开发Spring Cloud微服务,同时避免服务冲突。开发人员如何在同一个中央弹簧云环境中同时工作并且仍然不会互相干扰?
lyb-geek
2019/05/07
1.3K0
Spring Cloud集中环境中开发如何避免服务冲突
如何处理工作与生活之间的冲突?
移动互联网让我们随时随地”在线“,工作时间与生活时间越来越模糊。尤其是程序员这类随时可能都需要解决线上问题的工作。
石云升
2022/08/25
3320
C++与MySQL的冲突
当在C++代码中,直接引用MySQL头文件时,可能会遇到如下错误: In file included from /usr/include/c++/4.1.0/bits/char_traits.h:46,                  from /usr/include/c++/4.1.0/string:46, /usr/include/c++/4.1.0/bits/stl_algobase.h:92:28: error: macro "swap" requires 3 arguments, but only 2 given /usr/include/c++/4.1.0/bits/stl_algobase.h:127:26: error: macro "swap" requires 3 arguments, but only 2 given /usr/include/c++/4.1.0/bits/vector.tcc:176:20: error: macro "swap" requires 3 arguments, but only 1 given /usr/include/c++/4.1.0/cctype:70: error: '::isalnum' has not been declared /usr/include/c++/4.1.0/cctype:71: error: '::isalpha' has not been declared /usr/include/c++/4.1.0/cctype:72: error: '::iscntrl' has not been declared /usr/include/c++/4.1.0/cctype:73: error: '::isdigit' has not been declared /usr/include/c++/4.1.0/cctype:74: error: '::isgraph' has not been declared /usr/include/c++/4.1.0/cctype:75: error: '::islower' has not been declared /usr/include/c++/4.1.0/cctype:76: error: '::isprint' has not been declared /usr/include/c++/4.1.0/cctype:77: error: '::ispunct' has not been declared /usr/include/c++/4.1.0/cctype:78: error: '::isspace' has not been declared /usr/include/c++/4.1.0/cctype:79: error: '::isupper' has not been declared /usr/include/c++/4.1.0/cctype:80: error: '::isxdigit' has not been declared /usr/include/c++/4.1.0/cctype:81: error: '::tolower' has not been declared /usr/include/c++/4.1.0/cctype:82: error: '::toupper' has not been declared 解决办法: 尽量对MySQL进行二次包装,让调用者看不到MySQL头文件,如在CPP中包含: #include #include #include 在头文件中只进行引用声明: struct st_mysql; struct st_mysql_res; typedef long num_t; typedef char ** MYSQL_ROW;  /** return data as array of strings */ 不要在头文件直接include到MySQL的头文件,而且保证只在一个CPP文件中有对MySQL文件的include,否则你可能遇到很多莫名其妙的编译错误,如果不想到这一点,即使花一天时间也未必能找到错误原因。
一见
2018/08/07
1K0
Gradle 构建工具 #5 又冲突了!如何理解依赖冲突与版本决议?
在前文 Gradle 构建工具 #3 Maven 发布插件使用攻略(以 Nexus / Jitpack 为例) 和 Gradle 构建工具 #4 来开源吧!发布开源组件到 MavenCentral 仓库超详细攻略 文章中,我们已经讨论过如何发布组件到 Nexus 企业私有仓库或 MavenCentral 中央仓库的方法。
用户9995743
2023/09/09
7490
Gradle 构建工具 #5 又冲突了!如何理解依赖冲突与版本决议?
npm与nvm的冲突处理
node本身包含一个npm,后来本人通过它安装nvm来管理npm版本,长期以来一直相安无事,再后来在终端使用中莫名其妙出现一个奇怪问题——无论在独立终端,还是vscode的集成终端,输入以下命令都能打印一样结果:
IT晴天
2019/05/14
1.3K0
ScrollView与ListView的事件冲突
布局文件 当ListView嵌套在ScrollView中时,会发生冲突,导致ListView控件的拉动效果消失‘ 解决办法: 重写ListView的onTouchEvent(),并在返回前调用getParent().requestDisallowInterceptTouchEvent(true)  表示。不允许父层拦截或干扰本控件 Demo 1 package com.xqx.fight; 2 3 import android.app.Activity; 4 import android.os.B
听着music睡
2018/05/18
1.6K0
如何避免FOUC
FOUC即无样式内容闪烁也可以称为文档样式短暂失效,主要就是指HTML已加载而样式表并未加载,此后样式表再加载而产生的闪烁现象。
WindRunnerMax
2020/08/27
1.1K0
如何避免「脸红」
我是一个特别容易脸红的,对于女生来说脸红其实可以当腮红,看起来还超可爱,但是我是一个大男人呢,估计我是一个人见人怕,佛听了都哆嗦,非常在意别人的意见和看法,以及追求点小完美的处女座吧。
叉叉敌
2019/02/23
1.3K0
如何避免「脸红」
什么是网络钓鱼者?如何检测与避免?
在安全方面没有灵丹妙药。数字世界已成为我们生活中不可或缺的一部分,无论是与朋友和家人保持联系、购物、运营成功的组织等,每天都有大量数据在互联网上移动。所有数字足迹都使我们的信息容易受到网络犯罪的影响。南瓜灯在闪,鬼面具已戴,魔法帚儿舞起来。热热闹闹走街巷,观众如潮人如海。别忘家中备糖果,不然可别怪我来作怪。
虹科网络可视化与安全
2021/10/23
1K0
什么是网络钓鱼者?如何检测与避免?
解决SecurityEnvSDK与SGMain的冲突问题
虽然解决这个问题的方式很简单,但是每次 pod install 后都要做一遍该操作,这就很无语了 。
LinXunFeng
2020/03/20
1.2K0
国庆节前端技术栈充实计划(5):JavaScript SDK设计指南
SDK是软件开发工具包 的缩写,是能够让编程者开发出应用程序的软件包。一般SDK包括一个或多个API、开发工具集和说明文档。
疯狂的技术宅
2019/03/27
2.1K0
国庆节前端技术栈充实计划(5):JavaScript SDK设计指南
如何避免AWS的高额账单?
Serverless架构在今天已经不再是新鲜的事物。该架构具有多个特点:较低的运营和开发成本、能快速上线、自动扩展、安全性高和适合微服务等。各大云服务商也提供了各自的Severless解决方案。然而,尽管Serverless架构在某些方面表现出色,但在当前轰轰烈烈的“微服务”进程中,它仍然不是一种主要的选择。除了由于本身特性导致的使用场景受限外,我想乏善可陈的关于Serverless最佳实践的总结也是一个重要的因素。我有幸参与了一项基于AWS搭建的Serverless (FaaS) 系统的开发工作,该系统提供了一组核心服务。通过几次系统故障调研和性能优化的实际体验,我发现系统监控在Serverless架构中至关重要。所以本文将从Serverless系统监控的角度来展开一些讨论。
ThoughtWorks
2023/08/08
1860
如何避免AWS的高额账单?
如何避免过早优化的魔咒
这真的几乎是值得的。 从新手到专家,从架构到ASM, 从机器性能到开发人员的性能优化, 您和您的团队都在缩短你们自己的目标是非常好的。
WindCoder
2018/09/19
7210
如何避免过早优化的魔咒
如何避免 Java 中的“NullPointerException”
NullPointerException (NPE) 是 Java 中最常见的异常。此异常的原因是已知的,但在大多数情况下,开发人员更愿意忽略它并且不采取任何措施。我个人认为这种行为的原因如下:
终码一生
2022/04/15
2.9K0
如何避免 Java 中的“NullPointerException”
测试人员该如何平衡与开发人员之间的冲突?
为什么两者之间会产生冲突? 因为开发与测试在某个程度上来说是两个行为相反的职位。开发代表着创造,而测试代表着摧毁。因为测试的目的就是以各种方式不断地从开发出来的软件中发现大大小小的各种缺陷,所以很多开发人员心里都感觉测试人员是在故意找茬,让自己难堪,证明自己做的东西不好,所以两者的矛盾必然会慢慢地产生。 职位的优越感。很多开发人员都认为测试的比自己低一等,因为开发自己是创造东西,而测试只是拿着自己做的东西在工作。所以很多开发人员对测试人员的脸色都不怎么好。 失败的沟通。在需求的理解或者说是测试发现问题时,测
软件测试君
2021/07/09
1.7K0
git解决冲突与merge
git上传代码跟其他项目成员上传出现冲突: 我在这边修改了文件a,同事也修改了文件a。同事比我先提交到仓库中,那么我pull代码时就会报错: 而,我又不知道不一样,接着add和commit项目
benny
2018/03/06
2.4K0
git解决冲突与merge
点击加载更多

相似问题

Facebook sdk.js返回404错误

31

Facebook all.js和sdk.js的区别

10

facebook与actionbarsherlock之间的冲突

12

Facebook与常规登录冲突

13

Facebook共享按钮与Facebook JSSDK冲突。如何解决?

21
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文