Архив за месяц June, 2008

Как очистить кеш браузера Firefox

Thursday, June 19th, 2008

Мне известны 3 способа как очистить кеш браузера Firefox.

Первый способ.

Можно очистить кеш с помощью встроенных средств браузера. Для этого необходимо сперва выбрать пункт меню Tools -> Clear Private Data

В появившемся окне нажеть кнопку Clear Private Data Now

Или проделать более сложный путь, выбрав пункты меню Tools -> Options

А потом в появившемся окне выбрать Advanced -> Network, как показано на рисунке ниже, и нажать кнопку Clear Now. Кеш чист!

Второй способ.

Второй способ заключается в использовании расширений Firefox. Из всего множество расширений, которые очищают кеш хотел бы выделить Web Developer и Clear Cache Button.

В случае с Web Developer для очистки кеша прийдется также покопаться в менюшках. Путь будет такой Miscellaneous -> Clear Private Data -> Cache.

Как по мне, то это очень неудобно помнить в какое именно меню необходимо зайти. Поэтому для очистки кеша я отдаю предпочтение расширению Clear Cache Button. После установки этого расширения необходимо зайти в View -> Toolbars -> Customize и перетянуть значок в удобное место на тулбаре. После этого очищать кеш можно одним нажатиям на эту кнопку. У меня она распологается между кнопкой Home и адрес баром.

Третий способ.

Я бы назвал этот способ способом для параноиков. Под ним я подразумеваю очищение вручную папки C:\Documents and Settings\[User Name]\Application Data\Mozilla\Firefox\Profiles\. В таком случае вам могут помочь статьи How to find your profile и Profile folder contents.

Одна лишь оговорка в конце. Все написанное выше справедливо для Firefox версиии 2.x.

Как задать стиль для input с type=button

Wednesday, June 4th, 2008

Не так давно, один мой коллега обратился ко мне с вопросом как задать стиль лишь для input c type равным button. Может быть, кому-то эта информация покажется тоже интересной, поэтому, пишу на блоге.

Для того чтобы сделать отдельный стиль для элемента, достаточно знать селекторы css или, хотя бы, знать где на них посмотреть. Воочию увидеть их можно в спецификации CSS 2.

Вдоволь насмотревшись на спецификацию, можно прийти к выводу, что в данном случае нам бы помог этот селектор:

CSS:
  1. /* для примера изменим стиль, ширину и цвет границы */
  2. input[type="button"] {border:solid 1px #000;}

Получим такую картину:

  • Firefox 2 ff2 selector type=button
  • Opera 9.27 opera selector type=button
  • Safari 3.1.1 safari selector type=button
  • IE 6 ie6 selector type=button
  • IE 7 ie7 selector type=button

Как видно из рисунков выше, все браузеры подхватили стили для селектора, кроме IE6. Но и это не вопрос. Воспользуемся разработками Майкрософт для IE. А именно, условными комментариями, для того чтобы вынести css код для IE6 в отдельный css файл и не травмировать психику других браузеров.

HTML:
  1. <!--[if IE 6]><link rel="stylesheet" href="http://blog.sribna.com/ie6.css" type="text/css" /><![endif]-->

А в самом css файле для IE6 воспользуемся другой разработкой Майкрософта, css expressions.

CSS:
  1. input {border: expression( this.type=="button" ? 'solid 1px #000' : 'inherit' );}

После этих несложных манипуляций в IE 6 кнопка будет выглядеть следующим образом:

ie6 button expression

Что хотелось бы сказать напоследок? Скажу, что expressions замедляют работу браузера. Об их оптимизации можно почитать у Павла Корнилова, а также у Юрия Артюха.