如何移除脚本中的Facebook App ID并解决报错问题？

你遇到的问题根源在于：网页端原代码用了FB.ui调用Facebook的分享接口，这个接口必须依赖已初始化App ID的Facebook SDK，所以删掉App ID后SDK无法正常初始化，自然会报错。

要彻底摆脱App ID的依赖，我们可以直接去掉整个Facebook SDK，改用Messenger原生的分享链接来实现网页端和移动端的分享，具体修改方案如下：

修改后的完整代码 #

<html>
    <head>
    </head>
    <body>
        <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
        <style type="text/css">
            body{
                background: #eef1f5;
            }
            .messenger-wrap{
                color: #0084ff;
                background: #fff;
                padding: 8px 20px;
                transform: translate(-50%,-50%);
                text-decoration: none;
                position: absolute;
                top: 50%;
                left: 50%;
            }
            .messenger-wrap:hover{
                background-color: #0084ff;
                color: white;
            }
        </style>
        <a href="javascript:;" class="messenger-wrap" onclick="messengerShare()">
            <i class="fab fa-facebook-messenger"></i>
            <span>Share on Messenger</span>
        </a>
        <script>
            function isMobile() {
                const toMatch = [/Android/i, /webOS/i, /iPhone/i, /iPad/i, /iPod/i, /BlackBerry/i, /Windows Phone/i];
                return toMatch.some((toMatchItem) => {
                    return navigator.userAgent.match(toMatchItem);
                });
            }
            function messengerShare() {
                const url = 'https://here_goes_your_link.org'; // 替换成你要分享的链接
                if (isMobile()) {
                    // 移动端调用Messenger App的deeplink
                    window.location.href = `fb-messenger://share/?link=${encodeURIComponent(url)}`;
                } else {
                    // 网页端打开Messenger的网页分享界面，无需SDK和App ID
                    window.open(`https://www.messenger.com/share?link=${encodeURIComponent(url)}`, '_blank');
                }
            }
        </script>
    </body>
</html>

关键修改说明 #

• 删掉了所有和Facebook SDK相关的代码（包括fb-root容器、SDK加载脚本、FB.init初始化逻辑），彻底摆脱App ID依赖
• 网页端改用https://www.messenger.com/share的官方分享链接，直接打开网页版Messenger的分享窗口，不需要任何权限验证
• 给分享链接的URL加上了encodeURIComponent编码，避免特殊字符导致的链接失效问题
• 给按钮补充了position: absolute; top: 50%; left: 50%;，确保按钮能正常显示在页面中央（原代码的transform: translate(-50%,-50%)需要配合定位属性才生效）

这样修改后，不管是移动端还是网页端，都能正常实现Messenger分享，而且完全不需要Facebook App ID。

内容的提问来源于stack exchange，提问作者utenteciao utente