Slidy работает в Safari, но не в Chrome

Я пытаюсь запустить этот простой пример: pandoc -t slidy -s habits.txt -o habits.html Где habits.txt показано ниже:Slidy работает в Safari, но не в Chrome

% Habits 
% John Doe 
% March 22, 2005 

# In the morning 

## Getting up 

- Turn off alarm 
- Get out of bed 

## Breakfast 

- Eat eggs 
- Drink coffee 

# In the evening 

## Dinner 

- Eat spaghetti 
- Drink wine

Это на Mac OS X 10.10.5 с Safari 9.0.1 (10601.2.7.2), Chrome 46.0.2490.86 (64 бит) и Pandoc 1.15.2.

В результате html-файл отображается правильно как слайды с помощью счетчика, справки и оглавления в Safari, но не в Chrome. В Chrome это просто плоский html с заголовками, где будут отдельные слайды.

Любые идеи, как исправить это?

Вот HTML:

<?xml version="1.0" encoding="utf-8"?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <meta http-equiv="Content-Style-Type" content="text/css" /> 
    <meta name="generator" content="pandoc" /> 
    <meta name="author" content="John Doe" /> 
    <meta name="date" content="2005-03-22" /> 
    <title>Habits</title> 
    <style type="text/css">code{white-space: pre;}</style> 
    <link rel="stylesheet" type="text/css" media="screen, projection, print" 
    href="http://www.w3.org/Talks/Tools/Slidy2/styles/slidy.css" /> 
    <script src="http://www.w3.org/Talks/Tools/Slidy2/scripts/slidy.js" 
    charset="utf-8" type="text/javascript"></script> 
</head> 
<body> 
<div class="slide titlepage"> 
    <h1 class="title">Habits</h1> 
    <p class="author"> 
John Doe 
    </p> 
    <p class="date">March 22, 2005</p> 
</div> 
<div id="in-the-morning" class="titleslide slide section level1"><h1>In the morning</h1></div><div id="getting-up" class="slide section level2"> 
<h1>Getting up</h1> 
<ul> 
<li>Turn off alarm</li> 
<li>Get out of bed</li> 
</ul> 
</div><div id="breakfast" class="slide section level2"> 
<h1>Breakfast</h1> 
<ul> 
<li>Eat eggs</li> 
<li>Drink coffee</li> 
</ul> 
</div> 
<div id="in-the-evening" class="titleslide slide section level1"><h1>In the evening</h1></div><div id="dinner" class="slide section level2"> 
<h1>Dinner</h1> 
<ul> 
<li>Eat spaghetti</li> 
<li>Drink wine</li> 
</ul> 
</div> 
</body> 
</html>

источник

2015-11-20 Gabi

Можете ли вы опубликовать полученный html? – mb21

Готово. Спасибо, что зашли. – Gabi

Коллега понял это: habits.html будет оказана надлежащим образом в Chrome, если размещенные на сервере и доступ к ним через обычный URL, но не тогда, когда он считывается с локального диск. Вот диагностика:

It is hitting this error in chrome on slidy.js ln 1275:

Uncaught SecurityError: Failed to execute 'pushState' on 'History': A history state object with URL 'file:///Users/brettleibowitz/Desktop/slidy.html#(1)' cannot be created in a document with origin 'null'.

источник

2015-11-20 20:10:28 Gabi

jup, вы можете создать простой сервер с 'python -m SimpleHTTPServer' – mb21

Спасибо за этот совет! Я просто попробовал, и это сработало. – Gabi

ответ

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