Не удалось выполнить 'postMessage' в 'DOMWindow' с помощью кода Google

Я хочу добавить значок Google+ на свой сайт. Когда я копирую/вставляю код из инструмента конфигурации Google, значок не работает. Я думал, что проблема может быть в JavaScript, поэтому я создал пустой index.html и копировать/вставить код Google ... но он по-прежнему не работает:Не удалось выполнить 'postMessage' в 'DOMWindow' с помощью кода Google

Google Code:

<!-- Place this tag in your head or just before your close body tag. --> 
<script src="https://apis.google.com/js/platform.js" async defer></script> 

<!-- Place this tag where you want the widget to render. --> 
<div class="g-page" data-width="250" data-href="https://plus.google.com/110789175777197362579" data-theme="dark" data-rel="publisher"></div>

ПОЛНЫЙ HTML в index.html

<!DOCTYPE html> 
<html> 
<head> 
<title>Test</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
</head> 
<body> 

<!-- Place this tag where you want the widget to render. --> 
<div class="g-page" data-width="250" data-href="https://plus.google.com/110789175777197362579" data-theme="dark" data-rel="publisher"></div> 

<!-- Place this tag in your head or just before your close body tag. --> 
<script src="https://apis.google.com/js/platform.js" async defer></script> 
</body> 
</html>

в консоли можно увидеть следующие ошибки:

Не удалось выполнить 'PostMessage' на ' DOMWindow ': Исходное задание (' null ') не соответствует началу окна получателя (' null '). person
Использование getAttributeNode() устарело. Вместо этого используйте getAttribute(). rs = AGLTcCOasCY_GkJWPJtHt2mUGUYuzPzTCg% 20line% 209% 20% 3E% 20eval: 34: 434
Не удалось выполнить 'postMessage' в 'DOMWindow': Исходное задание ('null') не соответствует началу окна получателя ('null «). person
Не удалось выполнить 'postMessage' в 'DOMWindow': Исходное заданное значение ('null') не соответствует началу окна получателя ('null'). postmessageRelay
Не удалось выполнить 'postMessage' в 'DOMWindow': Исходное заданное значение ('null') не соответствует началу окна получателя ('null'). postmessageRelay
Не удалось выполнить 'postMessage' в 'DOMWindow': Исходное заданное значение ('null') не соответствует началу окна получателя ('null'). postmessageRelay
Не удалось выполнить 'postMessage' в 'DOMWindow': Исходное заданное значение ('null') не соответствует началу окна получателя ('null'). postmessageRelay
Не удалось выполнить 'postMessage' в 'DOMWindow': Исходное заданное значение ('null') не соответствует началу окна получателя ('null'). postmessageRelay
Не удалось выполнить 'postMessage' в 'DOMWindow': Исходное заданное значение ('null') не соответствует началу окна получателя ('null'). postmessageRelay

источник

2016-04-26 steelbull

[Отлично работает для меня.] (Https://jsfiddle.net/b9x4svf9/) Вы пытаетесь поместить его в iframe или что-то еще? –

Хммм ...Im используя точно такой же html-код, как я опубликовал здесь ... и не работает. Я попробовал Firefox, Firefox Developer и Chrome. Не работает :-( – steelbull

Возможный дубликат [Google API в Javascript] (http://stackoverflow.com/questions/21710842/google-api-in-javascript) –

Возможно, проблема в том, что значок Google+ может потребовать, чтобы вы запускали код через веб-сервер вместо того, чтобы его локально просматривать через файловую систему.

Вместо того, чтобы просто открывать HTML-файл, попробуйте разместить его с помощью веб-сервера. Здесь много вариантов. Если у вас установлен Python, можно попробовать запустить:

cd [directory where file is located] 
python -m SimpleHTTPServer 8080

, а затем его просмотра в веб-браузере на http://localhost:8080

Причина, я думаю, что это может быть проблема в том, что я получаю ошибки при запуске локально от файловой системы (хотя и не одни и те же ошибки, как вы), но когда я его просмотра через веб-браузер, он прекрасно работает, например, так:

https://jsfiddle.net/wwkdgL5b/

источник

2016-04-26 17:02:00 Travis

Yeeees! Это ответ в корне. веб-сервер. Спасибо. – steelbull

Не удалось выполнить 'postMessage' в 'DOMWindow' с помощью кода Google

ответ

Смежные вопросы