Visited links что это за файл
Все в гиперпространстве связанно между собой гиперссылками. Почти каждый переход с одной страницы на другую страницу подразумевает предварительный щелчок мышью по определенной ссылке. Как дать посетителю сайта знать о том, что он уже посещал страницу, на которую ведет определенная ссылка?
Известно достаточно много методов для того, чтобы дать пользователю знать о том, что он уже посещал конкретную страницу в интернете. Какой из этих методов самый подходящий? Цветовое определение ссылок? Подчеркивание? Картинка? При ответе на этот вопрос не стоит забывать о дальтониках, о карманных компьютерах, и, конечно же, не стоит забывать о браузерах, вернее браузере - всеми любимый ослик - Internet Explorer. Появившуюся седьмую версию этого браузера можно называть уже посолидней – осел. Но эта тема для отдельной статьи.
Итак, начнем с Якоба Нильсена – эксперта по удобству и простоте использования. Краткое изложение его статьи по визуализации ссылок (Guidelines for Visualizing Links):
Текстовые ссылки должны быть цветными и подчеркнутыми для того, чтобы достигнуть необходимой воспринимаемости этих ссылок, хотя существуют несколько исключений.
По его словам можно избегать подчеркиваний в навигационном меню сайта и в списках ссылок. При этом пользователю должно быть предельно ясно, какую роль выполняют эти объекты страницы. Если для определения ссылок используются красный и зеленый цвета, то подчеркивание обязательно из-за наиболее распространенных форм дальтонизма.
Подчеркивание также обязательно, если одним из ваших приоритетов является доступность сайта, т.к. много людей имеют плохое зрение.
Примерно 74% всех сайтов используют цветовое определение для распознавания уже посещенных ссылок от еще не посещенных ссылок. Это хорошая дизайнерская традиция, к которой привыкли пользователи.
Цвет не посещенных ссылок должен быть ясным, ярким и насыщенным чем цвет посещенных ссылок, которые должны выглядеть размытыми и тусклыми. Два цвета, отличающие один тип ссылок (которые не открывались) от другого типа ссылок (которые открывались ранее) должны быть оттенком одного и того же цвета. Оттенки голубого цвета больше всего сигнализируют о том, что это ссылка.
Метод Симона Коллисона был признан как один из самых практичных и оригинальных методов. Идея достаточно проста и хорошо подходит для списков со ссылками. На сайтах можно увидеть галочку, которая появляется напротив той ссылки, по которой посетитель уже щелкал мышью или раньше был на странице, куда ведет адрес ссылки. Весь эффект полностью создается в CSS, т.е. XHTML код страницы остается нетронутым. Если внести некоторые изменения в CSS код Симона, то этот метод можно применять к обычным ссылкам, которые не находятся в списках. CSS код этого метода:
Internet Explorer тормозит широкое использование уже давно появившихся псевдо-элементов fore и :after, которые могут идеально выполнять необходимую функцию определения уже посещенных ссылок. Почти все современные браузеры поддерживают эти элементы.
Для псевдо-элементов fore и :after Майк Дэйвидсон (и несколько людей до него) предложил вместо текста использовать знак корня (радикал) – своеобразная галочка. Но эта галочка является не картинкой, а unicode символом ( \221A ), который появляется после ссылки, по адресу которой уже был определенный посетитель. Весь код также находиться в CSS и выглядит следующим образом:
\00A0 означает непрерывающиеся пустое место (вместо пробела).
Я думаю, что различные галочки иногда могут вводить пользователя в заблуждение. В его понимании этот знак может нести в себе другой смысл. Поэтому необходимо дать знать посетителю сайта о том, какую роль выполняет определенный символ после ссылок.
Многие проблемы быстрее решаются поиском по форуму и чтением FAQ, чем созданием новой темы и томительным ожиданием ответа.
№2 01-04-2010 03:43:25
слоупок.жпг
а вообще ерунда если отключить скрипты то следильщики обломаются
а со включенными через флэш можно много чего вытащить и с указанной защитой.
я помню те времена когда обновления программ убирали проблемы и исправляли баги, а не добавляли их.
toxID:05AB9B827D896AACEE7FF4573A02FB8F025F46ADC856B98F65BC1BA9BD21A81DC98BA9C36CE3
№8 01-04-2010 10:26:30
Lain_13
ну у меня хистори вообще чистится при закрытии
и кстати веришь ли - я на заглавной хабра не был ни разу! только по ссылкам откуда либо заглядываю туда.
таким макаром разве что вконтактников палить
ну а анонимайзер я привёл в качестве примера. можно например для сёрфа и гугль транслейт использовать
или просто в поисковике смотреть сохранённые копии.
да а из поисковика кстати на твою страничку хитрую сложно будет попасть потому что робот посчитает её поисковым спамом и выкинет из результатов - так что списочек должен быть мааленький.
вобщем слишком много если должно сложиться чтоб утащить часть хистори.
я помню те времена когда обновления программ убирали проблемы и исправляли баги, а не добавляли их.
toxID:05AB9B827D896AACEE7FF4573A02FB8F025F46ADC856B98F65BC1BA9BD21A81DC98BA9C36CE3
№9 01-04-2010 11:33:11
okkamas_knife
Ну так ведь и оригинальный метод с JS гибкостью не блещет, как я уже говорил. Опять же, если меня интересует десять-сто сайтов и мне плевать на анонимайзеры, то страничка получится нормального размера. Если мою страничку будут вставлять во фрейме как рекламу (а почему бы не выводить рекламу на основании собранных данных?), то свою аудиторию мой сайт точно получит (точнее многие увидят рекламу, а у меня будет собираться статистика). Меня могут интересовать не конкретно твои предпочтения, а предпочтения всех пользователей каждого сайта, где мой во фрейме поставят. В таком случае его будут вызывать указывая некий ключ в пути к сорцу фрейма, а у меня этот ключ будет передаваться в имена картинок. Соответственно статистика будет так вот собираться. Кстати, при работе во фрейме я вообще могу держать базу в десятки тысяч сайтов, а во фрейм каждый раз кидать от 10 до 50 ссылок. При достаточной посещаемости основного сайта и по прошествии некоторого времени у меня будет более чем достаточная статистика по пользователям данного сайта.
Если ты историю принципиально не хранишь, то тебе и на JS-реализацию должно быть почти наплевать - больше чем за текущую сессию всё равно ни кто и ни чего так не узнает. Но далеко не все ведь такие умные.
Тег link подключает CSS файлы на HTML страницу. Кроме того, link подключает некоторые другие файлы, например, фавикон. (Фавикон - это ярлычок сайта, который виден во вкладке браузера. Его также можно увидеть в некоторых поисковиках при поиске напротив сайтов, например в Яндексе).
У данного тега очень много атрибутов и они могут принимать разнообразные значения, однако в реальной жизни они все практически не используются. Самое популярное - это подключение CSS и добавление фавикона.
Как подключить CSS в HTML5: . В более ранних версиях нужно было добавлять атрибут type в значении text/css. В HTML5 так тоже можно делать, но это не обязательно.
Тег link не требует закрывающего тега.
№3 01-04-2010 04:40:06
okkamas_knife
Спорим я на одном только CSS смогу отследить какие сайты ты посещал если указанная опция не установлена?
Как минимум на моём сервере данные о тебе окажутся, хоть твой браузер и не выполнит ни одного скрипта.
Отредактировано Lain_13 (01-04-2010 04:42:54)
№4 01-04-2010 05:06:18
Отредактировано okkamas_knife (01-04-2010 05:07:35)
я помню те времена когда обновления программ убирали проблемы и исправляли баги, а не добавляли их.
toxID:05AB9B827D896AACEE7FF4573A02FB8F025F46ADC856B98F65BC1BA9BD21A81DC98BA9C36CE3
Атрибуты
Атрибут | Описание |
---|---|
href | Путь к подключаемому файлу. |
media | Тип устройства, для которого следует подключить файл. Что имеется ввиду - вы можете подключить CSS файл только для больших экранов (значение screen ) или только для маленьких экранов: для мобильников или планшетов (значение handheld ). Возможные значения: all, braille, handheld, print, screen, speech, projection, tty, tv. Подробнее смотрите ниже. |
rel | Тип подключаемого файла. Возможные значения: stylesheet | alternate. Значение stylesheet указывает на то, что подключается CSS файл, значение alternate используется, к примеру, для указания ссылки на файл в формате XML для описания ленты новостей, анонсов статей. |
charset | Кодировка подключаемого файла. В настоящее время стандартом является utf-8 . |
type | Тип данных подключаемого файла. Для CSS следует использовать text/css, для фавикона: image/x-icon. |
Значения атрибута media
В HTML5 в качестве значений могут быть указаны медиа-запросы.
Значение | Описание |
---|---|
all | Все устройства. |
screen | Экран монитора. |
handheld | Телефоны, смартфоны, устройства с маленьким экраном. |
braille | Устройства, основанные на системе Брайля, предназначены для слепых людей. |
speech | Речевые синтезаторы, а также программы для воспроизведения текста вслух. Сюда же входят речевые браузеры. |
Принтеры. | |
projection | Проекторы. |
tty | Телетайпы, терминалы, портативные устройства с ограниченными возможностями экрана. Для них не должны использоваться пиксели в качестве единиц измерения. |
tty | Телевизоры, которые умеют открывать web страницы (бывает и такое). |
Значение по умолчанию: all .
№7 01-04-2010 10:13:00
okkamas_knife
Так ведь и старый метод действует точно так же оперируя точными ссылками, просто все проверки выполняет локально прямо на открытой странице. ж) Полотнища ссылок можно подгружать во фреймах, например, что б не особо тормозить загрузку основной страницы. Метод на JS так же не отслеживает перехода напрямую на какую-то страницу или через анонимайзер. Но если ты ходил на Хабр без анонимайзера и был на заглавной странице, то я об этом узнаю . и уж определённо я узнаю, что ты пользуешься анонимайзером, если добавлю ссылку на него, а ты не удалишь его главную страницу у себя в истории. ^_^
+ если меня интересует всего пара десятков сайтов, то я могу и заморочиться добавлением вариантов с популярными анонимайзерами.
Отредактировано Lain_13 (01-04-2010 10:26:03)
№5 01-04-2010 09:53:04
okkamas_knife
Не, прямо тут напишу. Идея заключается в том, что страница генерируется скриптом, который берёт из базы сочетания адрес_сайта / ключ и вставляет ключ в атрибут class или id у ссылки. Параллельно с этим тебе выгружается CSS-файл, в котором для каждого class или id в состоянии :visited назначается картинка в виде a-blahblahblah.jpg (.blahblahblah:visited ). На запрос любой картинки с именем на "a-" у меня висит другой скрипт, который выплёвывает пустую прозрачную картинку 1х1 пиксел размером, а по ключу blahblahblah скрипт узнаёт на каком сайте ты был. Сохраняем списки IP/посещённые сайты, например, и пользуемся.
Вот так совершенно примитивным образом стандартными средствами CSS я узнал был ли ты хоть на одном сайте, который меня интересует.
Вот proof of concept. Скачай, переименуй, распакуй в папку локального http-сервера (апачу скорми, например) и запусти. У первой ссылки mozilla-russia появится фон в виде мигающих шестиугольников, а у ссылки blahblahblah - нет. Если посмотришь в адблоке, то запрос происходит только к файлу "a-abc.jpg", который назначен первой ссылке, а файл "a-def.jpg" для второй ссылки не загружается.
p.s. apng-шестиугольник нарисовал я, можно безвозмездно пользоваться.
p.p.s. Естественно этот метод не работает если установить указанный выше параметр - он напрочь вырубает разметку посещённых страниц. Теоретически в будущем картинку к css-фильтру с :visited в пути установить будет нельзя.
Отредактировано Lain_13 (01-04-2010 10:11:20)
Пример
Давайте посмотрим, как выглядит структура простейшей html страницы, к которой добавим подключение CSS файлов и фавикона:
List of spacecraft and crews that visited Mir — This is a list of the spacecraft and crews that visited the Russian space station Mir.Mir s core was originally launched on 19 February 1986. It was largely assembled while in orbit and had many short term crew (about a week aboard the station)… … Wikipedia
The Murder on the Links — Dust jacket il … Wikipedia
Timeline of New Zealand's links with Antarctica — This is a timeline of the history of New Zealand s involvement with Antarctica.Eighteenth and nineteenth centuries;1773 *17 January Captain James Cook and the crews of his expedition s ships, Resolution and Adventure , become the first explorers… … Wikipedia
china — /chuy neuh/, n. 1. a translucent ceramic material, biscuit fired at a high temperature, its glaze fired at a low temperature. 2. any porcelain ware. 3. plates, cups, saucers, etc., collectively. 4. figurines made of porcelain or ceramic material … Universalium
China — /chuy neuh/, n. 1. People s Republic of, a country in E Asia. 1,221,591,778; 3,691,502 sq. mi. (9,560,990 sq. km). Cap.: Beijing. 2. Republic of. Also called Nationalist China. a republic consisting mainly of the island of Taiwan off the SE coast … Universalium
British Israelism — Not to be confused with Israelis in the United Kingdom. British Israelism (also called Anglo Israelism) is the belief that people of Western European descent, particularly those in Great Britain, are the direct lineal descendants of the Ten Lost… … Wikipedia
Australia — /aw strayl yeuh/, n. 1. a continent SE of Asia, between the Indian and the Pacific oceans. 18,438,824; 2,948,366 sq. mi. (7,636,270 sq. km). 2. Commonwealth of, a member of the Commonwealth of Nations, consisting of the federated states and… … Universalium
List of The Sopranos characters — The following is a listing of fictional characters from the HBO series The Sopranos. To view characters organized by their associations, see the subpages section. Contents 1 Main characters 2 Supporting characters 3 Recurring guest stars … Wikipedia
Help:User style — This Wikipedia help page is outdated. Please update this Wikipedia help page to reflect recent events or newly available information. Please see the talk page for more information. The user can customize fonts, colors, positions of links in the… … Wikipedia
Foreign relations of India — The Republic of India is the world s most populous democracy and has one of the fastest economic growth rates in the world (8.9 percent GDP increase in 2007, the second fastest major economy in the world after China). [… … Wikipedia
Colombia–United States relations — United States – Colombia relations Colombia … Wikipedia
List of spacecraft and crews that visited Mir — This is a list of the spacecraft and crews that visited the Russian space station Mir.Mir s core was originally launched on 19 February 1986. It was largely assembled while in orbit and had many short term crew (about a week aboard the station)… … Wikipedia
The Murder on the Links — Dust jacket il … Wikipedia
Timeline of New Zealand's links with Antarctica — This is a timeline of the history of New Zealand s involvement with Antarctica.Eighteenth and nineteenth centuries;1773 *17 January Captain James Cook and the crews of his expedition s ships, Resolution and Adventure , become the first explorers… … Wikipedia
china — /chuy neuh/, n. 1. a translucent ceramic material, biscuit fired at a high temperature, its glaze fired at a low temperature. 2. any porcelain ware. 3. plates, cups, saucers, etc., collectively. 4. figurines made of porcelain or ceramic material … Universalium
China — /chuy neuh/, n. 1. People s Republic of, a country in E Asia. 1,221,591,778; 3,691,502 sq. mi. (9,560,990 sq. km). Cap.: Beijing. 2. Republic of. Also called Nationalist China. a republic consisting mainly of the island of Taiwan off the SE coast … Universalium
British Israelism — Not to be confused with Israelis in the United Kingdom. British Israelism (also called Anglo Israelism) is the belief that people of Western European descent, particularly those in Great Britain, are the direct lineal descendants of the Ten Lost… … Wikipedia
Australia — /aw strayl yeuh/, n. 1. a continent SE of Asia, between the Indian and the Pacific oceans. 18,438,824; 2,948,366 sq. mi. (7,636,270 sq. km). 2. Commonwealth of, a member of the Commonwealth of Nations, consisting of the federated states and… … Universalium
List of The Sopranos characters — The following is a listing of fictional characters from the HBO series The Sopranos. To view characters organized by their associations, see the subpages section. Contents 1 Main characters 2 Supporting characters 3 Recurring guest stars … Wikipedia
Help:User style — This Wikipedia help page is outdated. Please update this Wikipedia help page to reflect recent events or newly available information. Please see the talk page for more information. The user can customize fonts, colors, positions of links in the… … Wikipedia
Foreign relations of India — The Republic of India is the world s most populous democracy and has one of the fastest economic growth rates in the world (8.9 percent GDP increase in 2007, the second fastest major economy in the world after China). [… … Wikipedia
Colombia–United States relations — United States – Colombia relations Colombia … Wikipedia
Защита от подглядывания через историю посещений.
Разработчики Firefox закрыли возможность подглядывания через историю посещений
Существует достаточно простая и в тоже время серьёзная проблема с использованием ссылок и истории посещения во всех существующих веб браузерах. Представим простую ситуацию - вы регулярно посещаете набор сайтов, а затем попадаете на web-страницу злоумышленника, который хочет узнать куда вы заходили. Сделать это очень просто - атакующий помещает незаметно для вас огромный список интересующих его сайтов на свою страницу, а затем, используя атрибуты посещенного сайта (стандартная возможность начиная с первой версии HTML), он легко может вычислить на каких сайтах вы были раньше, потому что все эти ссылки, которые он у себя разместил, будут иметь состояние "посещён", т.е. например поменяют цвет. Пример подобной атаки можно найти на сайте debugtheweb.com.Так, например, используя стандартную функцию JavaScript getComputedStyle(), можно абсолютно незаметно для пользователя проверить сотни тысяч посещений за одну секунду.
Разработчики Mozilla Firefox решили устранить эту "уязвимость", которая, как очевидно, является неотъемлемой частью стандарта HTML. Какие варианты они предложили:
* Атаки, связанные с изменением внешнего вида посещенной ссылки. Стандарт разрешает менять для посещенных ссылок огромное количество атрибутов: цвет фона и самой ссылки, начертание, границы, SVG черточки и цвет заполнения. Разработчики Mozilla будут ограничивать стили, применяемые к посещенным ссылкам.
* Атаки, основанные на временных задержках. В принципе, атакующий может узнать факт посещения и по задержке с которой веб-браузер отобразит ссылку. Разработчики Mozilla меняют механизм рендеринга таким образом, чтобы стили применялись до самого факта рендеринга, и тогда будет невозможность отличить ссылки по времени их вывода на экран пользователя.
* Конечное CSS-состояние ссылки может быть вычислено с помощью JavaScript - Firefox больше не будет различать вывод подсчитанного CSS для таких запросов.
Что это означает для конечных пользователей? Во-первых, может незначительно поменяться внешний вид отображения посещенных ссылок на некоторых веб сайтах. Те сайты, которые меняют цвет для посещенных ссылок, будут выглядеть несколько иначе. Тем не менее, данная защита не будет доступна в существующих версиях Firefox, поэтому вы вручную можете себя обезопасить поменяв состояние опции layout.css.visited_links_enabled в false на странице настроек (url: about:config) - но только в том случае, если у вас установлен Firefox 3.5 и выше.
№6 01-04-2010 10:10:45
я помню те времена когда обновления программ убирали проблемы и исправляли баги, а не добавляли их.
toxID:05AB9B827D896AACEE7FF4573A02FB8F025F46ADC856B98F65BC1BA9BD21A81DC98BA9C36CE3
№1 01-04-2010 02:16:38
Читайте также: