devote / HTML5-History-API

HTML5 History API expansion for browsers not supporting pushState, replaceState
http://spb-piksel.ru
MIT License
1.02k stars 182 forks source link

IE9 #15

Closed luminatee closed 11 years ago

luminatee commented 11 years ago

Все равно пишет что нет метода pushState. Адовый IE... В остальных браузерах все ок и без этой библиотеки temp

devote commented 11 years ago

Здравствуйте, Мне ваш скриншот мало о чем говорит. Нужно точно знать как вы подключаете библиотеку, когда ее подключаете. Потому что, библиотеку нужно подключать самой первой, до подключения или исполнения каких либо скриптов. Так же нужно подключать ее со своего хоста, а не на прямую с гитхаба, потому что ИЕ9 проверяет заголовок Content-Type и не исполняет скрипты с иным заголовком отличным от application/javascript

luminatee commented 11 years ago

Приветствую!

SCRIPT1002: Синтаксическая ошибка history.min.js, строка 4 символ 1

Тут можно посмотреть: [hidden]

pushState() Должен срабатывать при подборе в левом сайдбаре

devote commented 11 years ago

ну дык у вас по ссылке: http://shop.profshina.ru/inc/js/history.min.js загружается не скрипт а HTML разметка, что-то вроде этого:

<!DOCTYPE html>
<html>
  <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# githubog: http://ogp.me/ns/fb/githubog#">
    <meta charset='utf-8'>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>HTML5-History-API/history.min.js at master · devote/HTML5-History-API</title>
    <link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="GitHub" />
    <link rel="fluid-icon" href="https://github.com/fluidicon.png" title="GitHub" />
    <link rel="apple-touch-icon-precomposed" sizes="57x57" href="apple-touch-icon-114.png" />
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-icon-114.png" />
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-icon-144.png" />
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="apple-touch-icon-144.png" />
    <link rel="logo" type="image/svg" href="http://github-media-downloads.s3.amazonaws.com/github-logo.svg" />
    <meta name="msapplication-TileImage" content="/windows-tile.png">
    <meta name="msapplication-TileColor" content="#ffffff">
....
luminatee commented 11 years ago

Баалин, я просто скачал не из того места ( отсюда https://github.com/devote/HTML5-History-API :) ), простите за глупость, было уже поздно и хотелось спать. То-то я думаю, что это в js-скрипте делает разметка, но значения не придал.

Работает, но подставляет #/ в урл, можно от этого избавиться? Например, чтобы было не http://shop.profshina.ru/#/search/tires.html а просто http://shop.profshina.ru/search/tires.html, как это происходит в остальных браузерах

devote commented 11 years ago

как это происходит в остальных браузерах

Нет, избавится вам от такой ссылке ни одна библиотека не даст. Если браузер не умеет работать с history api то ссылка всегда будет содержать решетку. В этом и заключается вся соль.

luminatee commented 11 years ago

Понял. Спасибо за помощь!