Squeak.ru - шаблоны программирования

Не удается загрузить SDK Facebook для JavaScript v 2.4 в расширении Chrome

Я пытаюсь отобразить кнопку «Нравится» и кнопку «Поделиться» сбоку от popup.html расширения Chrome. Итак, я добавил код SDK в facebook-2.4.js и загрузил его в тег head popup.html. Я попытался протестировать интеграцию с Facebook, поместив этот код в body моего popup.html:

<div
  class="fb-like"
  data-share="true"
  data-width="450"
  data-show-faces="true">
</div>

Но я получил эту ошибку в консоли Chrome:

Failed to load resource: net::ERR_FAILED 
chrome-extension://connect.facebook.net/en_US/sdk.js

Вот что я пробовал: в manifest я добавил https://connect.facebook.net/ в качестве разрешения. Я также пробовал использовать http версию URL. Это не сработало.

Примечание. Прочтите обсуждение в разделе Comments, прежде чем классифицировать этот вопрос как дубликат других несвязанных вопросов.


  • Вы показываете сообщения / временную шкалу facebook во всплывающем окне вашего расширения? Или расширение добавляет функциональность уже открытой странице facebook? И что внутри facebook-2.4.js? 28.08.2015
  • @wOxxOm Я не показываю сообщения / временную шкалу Facebook во всплывающем окне моего расширения. Я хочу отобразить кнопку «Мне нравится» и кнопку «Поделиться». Расширение не добавляет функциональности уже открытой странице Facebook. facebook-2.4.js содержит код javascript, который Facebook рекомендует скопировать во время добавления и настройки нового приложения js на сайте developer.facebook.com. 28.08.2015
  • @wOxxOm facebook-2.4.js содержит код, который вы указали в content.js файле в своем ответе. 28.08.2015
  • Хорошо, попробуйте заменить // на https:// 28.08.2015
  • Ошибка @wOxxOm: отказался загрузить скрипт connect.facebook.net/en_US/sdk.js ', потому что он нарушает следующую директиву политики безопасности содержимого: script-src' self 'blob: filesystem: chrome-extension-resource :. 28.08.2015
  • Позвольте нам продолжить это обсуждение в чате. 28.08.2015
  • возможный дубликат политики безопасности контента расширения Google Chrome 28.08.2015
  • Эти два вопроса касаются двух отдельных ошибок. Тот факт, что отладка ошибки, упомянутой в этом вопросе, привела к ошибке политики безопасности контента, не делает этот вопрос дубликатом этого вопроса. Раздел комментариев не должен использоваться для введения людей в заблуждение. 28.08.2015
  • Misguide - это преувеличение. Решение этого вопроса кажется здесь совершенно применимым, и сам вопрос касается точно такой же проблемы: загрузка скрипта API facebook. 28.08.2015
  • (на самом деле это решение очень хорошее, потому что загрузка внешнего скрипта непосредственно в привилегированную среду расширения Chrome, которое вы пытаетесь использовать, безрассудна) 28.08.2015

Ответы:


1

Замените // на https:// в файле facebook-2.4.js.

28.08.2015
Новые материалы

Угловая структура архитектуры
Обратите внимание, что эта статья устарела, я решил создать новую с лучшей структурой и с учетом автономных компонентов: https://medium.com/@marekpanti/angular-standalone-architecture-b645edd0d54a..

«Данные, которые большинство людей используют для обучения своих моделей искусственного интеллекта, поставляются со встроенным…
Первоначально опубликовано HalkTalks: https://hacktown.com.br/blog/blog/os-dados-que-a-maioria-das-pessoas-usa-para-treinar-seus-modelos-de-inteligencia-artificial- ja-vem-com-um-vies-embutido/..

Сильный ИИ против слабого ИИ: различия парадигм искусственного интеллекта
В последние годы изучению и развитию искусственного интеллекта (ИИ) уделяется большое внимание и прогресс. Сильный ИИ и Слабый ИИ — две основные парадигмы в области искусственного интеллекта...

Правильный способ добавить Firebase в ваш проект React с помощью React Hooks
React + Firebase - это мощная комбинация для быстрого и безопасного создания приложений, от проверки концепции до массового производства. Раньше (знаете, несколько месяцев назад) добавление..

Создайте API с помощью Python FastAPI
Создание API с помощью Python становится очень простым при использовании пакета FastAPI. После установки и импорта вы можете создать приложение FastAPI и указать несколько конечных точек. Каждой..

Веселье с прокси-сервером JavaScript
Прокси-серверы JavaScript — это чистый сахар, если вы хотите создать некоторую общую логику в своих приложениях, чтобы облегчить себе жизнь. Вот один пример: Связь клиент-сервер Мы..

Получить бесплатный хостинг для разработчиков | Разместите свой сайт за несколько шагов 🔥
Статические веб-сайты — это веб-страницы с фиксированным содержанием и его постоянным содержанием. Но теперь статические сайты также обрабатывают динамические данные с помощью API и запросов...