JS Test для: целевая поддержка

Question

Я пишу код, включающий вкладки CSS, но IE не поддерживает атрибут: target css3. У меня есть обходной путь, проверяя значение хеш-функции в интервале (ew), но я хочу, чтобы этот код выполнялся только тогда, когда: target не поддерживается. Я бы сделал обычную проверку IE, за исключением ранних версий Firefox, а также ранних версий Safari или Opera. Кто-нибудь знает, как проверить: целевая поддержка?

Answer 1

Вы можете проверить поддержку CSS, добавив правило типа #someid:target { visibility:hidden; color:#abcdef; }, а затем установив целевое значение #someid, прочитав, если цвет #abcdef, и затем сбросив хеш.

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

В идеале, вкладки должны в идеале читать и записывать хэш для закладок. Но я не думаю, что :target является идеальным решением для создания вкладок. Я знаю, это выглядит привлекательно для начала ( сделал со мной ). Учитывая слабую поддержку селектора, насколько плохо он масштабируется с вложенными или несколькими вкладками, и насколько изменчиво это становится с другой разметкой (кто-то добавляет ссылку # skip-to на страницу), это менее сложно реализовать с помощью старых добрых кликов .