Веб-SDK Facebook записывает CSS на страницу

Я пытаюсь добавить в свой проект Facebook JavaScript SDK. Я следовал инструкциям здесь:

https://developers.facebook.com/docs/javascript/quickstart

Я добавил сценарий инициализации в <body> в соответствии с инструкциями, и он отлично подключается, но SDK добавляет элемент <style>, который записывает весь код стиля FB на мою страницу.

Вот мой код:

<!DOCTYPE html>
<html>
    <head>
    <meta charset = "utf8"> 
    <meta http-equiv = "X-UA-Compatible" content = "IE-edge">
    <link rel = "stylesheet" type = "text/css" href = "styles/flex.css"></link>
    <script type = "text/javascript" src = "scripts/bundle.js"></script>

</head>
<body>
    <script>
        window.fbAsyncInit = function() {
            FB.init({
            appId            : 'myAppID',
            autoLogAppEvents : true,
            xfbml            : true,
            version          : 'v2.12'
            });
        };

        (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 = "https://connect.facebook.net/en_US/sdk.js";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
    </script>
</body>

Вот как это получается:

Веб-SDK Facebook записывает CSS на страницу

какой сервер вы используете и как именно?

luschn 15.03.2018 16:41

Я не видел, где вы можете выбрать, с какого сервера вы это получите, но SDK загружается из connect.facebook.net/en_US/sdk.js.

Sean Barnard 15.03.2018 20:08

я имею в виду ВАШ сервер. тот, который работает на порту 8887.

luschn 16.03.2018 07:51
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
3
101
0

Другие вопросы по теме