Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   <link rel="stylesheet" href='data:text/css;base64, (https://javascript.ru/forum/xhtml-html-css/52697-link-rel%3D-stylesheet-href%3D%27data-text-css%3Bbase64.html)

Deff 01.01.2015 22:40
<link rel="stylesheet" href='data:text/css;base64,
 
Насколько кроссбраузерно работает эта фигня ?
В линке записано такое правило:
/*************************************************************
A - SETUP
**************************************************************/

/* A1 colour scheme
-------------------------------------------------------------*/

* a{
 color:red;
 font-size:22px;
 font-weight:700;
}



<!DOCTYPE HTML>
<html>
  <head> 
<link rel="stylesheet" type="text/css" href='data:text/css;base64,
77u/LyoqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioq
KioqKioqKioKQSAtIFNFVFVQCioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioq
KioqKioqKioqKioqKioqKioqKioqKioqLwoKLyogQTEgY29sb3VyIHNjaGVtZQotLS0tLS0tLS0t
LS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tKi8KCiog
YXsKIGNvbG9yOnJlZDsKIGZvbnQtc2l6ZToyMnB4OwogZm9udC13ZWlnaHQ6NzAwOwp9'/>
</head>
  <body>
<a href="/profile.php?id=2">bes, а по сути вопроса, - Ответы есть ?</a>

  </body>
</html>


Интересует тест в ИЕ8 - ИЕ11 и Сафари

bes 01.01.2015 22:42
Цитата:
Сообщение от Deff
Интересует тест в ИЕ8 - ИЕ11 и Сафари
Deff, а где твой IE11?

Deff 01.01.2015 22:43
bes,
А у мну ХЗ, ибо я версткой не занимаюсь

bes 01.01.2015 22:45
Цитата:
Сообщение от Deff
bes,
А у мну ХЗ, ибо я версткой не занимаюсь
с ie11 уже можно работать, так что ставь :)

Aetae 02.01.2015 06:16
http://netrenderer.com/

danik.js 02.01.2015 17:01
Deff,а нафига енкодить в base64? CSS - это итак ведь уже текст.

Deff 02.01.2015 17:36
danik.js,
Запомнить на storage. В некоторых скриптах есть обращения к некоторым <link, типа disabled/enabled, в каких - неизвестно
(Палатка комплектующих с нестабильной связью на "мопеде")

danik.js 02.01.2015 19:37
Deff,
Я не спрашивал зачем data:uri. Я спросил зачем энкодить? Энкодят бинарные данные чтобы ввиде текста представить. А css - не бинарный формат ведь.
<link rel="stylesheet" href="data:text/css;charset=utf-8,%2F*************************************************************%0AA%20-%20SETUP%0A**************************************************************%2F%0A%20%0A%2F*%20A1%20colour%20scheme%0A-------------------------------------------------------------*%2F%0A%20%0A*%20a%7B%0A%20color%3Ared%3B%0A%20font-size%3A22px%3B%0A%20font-weight%3A700%3B%0A%7D" />
<a>Тест</a>

Deff 02.01.2015 20:09
danik.js,
Ни наю, я стандартно делал свёртывание в base64 через Total Commander, чо он делает, не смотрел. Ксать СПС - занчит нун делать свой скрипт сворачивания в base64 (К примеру если в :before русский текст

Чот не врубился про encode:
var str='77u/LyoqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioq\
KioqKioqKioKQSAtIFNFVFVQCioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioq\
KioqKioqKioqKioqKioqKioqKioqKioqLwoKLyogQTEgY29sb3VyIHNjaGVtZQotLS0tLS0tLS0t\
LS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tKi8KCiog\
YXsKIGNvbG9yOnJlZDsKIGZvbnQtc2l6ZToyMnB4OwogZm9udC13ZWlnaHQ6NzAwOwp9';
alert(atob(str));

Форматы исходных <link в utf-8; карочь я не понял сути Вашего вопроса

danik.js 02.01.2015 20:24
Цитата:
Сообщение от Deff
Ни наю
Но теперь то ты знаешь что этого не нужно делать. Или есть причины?

Deff 02.01.2015 20:45
Исходник:
/* Мой вариант css
-------------------------------------------------------------*/
/*************************************************************
A - SETUP
**************************************************************/

/* A1 colour scheme
-------------------------------------------------------------*/

* a{
 color:red;
 font-size:22px;
 font-weight:700;
}
* a:after{
 content: "C Новым Годом!";
 display:inline-block;
 color:green;
 font-size:11px;
 font-weight:400;
}



<!DOCTYPE HTML>
<html>
  <head> 
<link rel="stylesheet" type="text/css" href='data:text/css;base64,
77u/Lyog0JzQvtC5INCy0LDRgNC40LDQvdGCIGNzcwotLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0t
LS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tKi8KLyoqKioqKioqKioqKioqKioq
KioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioKQSAtIFNFVFVQCioq
KioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioq
KioqLwoKLyogQTEgY29sb3VyIHNjaGVtZQotLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0t
LS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tKi8KCiogYXsKIGNvbG9yOnJlZDsKIGZvbnQt
c2l6ZToyMnB4OwogZm9udC13ZWlnaHQ6NzAwOwp9CiogYTphZnRlcnsNCiBjb250ZW50OiAiQyDQ
ndC+0LLRi9C8INCT0L7QtNC+0LwhIjsNCiBkaXNwbGF5OmlubGluZS1ibG9jazsNCiBjb2xvcjpn
cmVlbjsNCiBmb250LXNpemU6MTFweDsNCiBmb250LXdlaWdodDo0MDA7DQp9'>
</head>
  <body>
<a href="/profile.php?id=2">Нормально кодирует и русский</a>

  </body>
</html>

ИЕ8 => http://sf.uploads.ru/8ESvc.jpg

danik.js 02.01.2015 21:02
Эй, ку?

Deff 02.01.2015 21:16
danik.js,
Ты приведи рабочий кроссбраузерный пример, твой пример - не работает,
А потом расшифруй чего ты хочешь сказать, более доступно для аудитории!
В тексте css бывают и кавычки и угловые скобки, без кодирования можно налететь, в качестве единого формата вроде как base64, возможно Вы знаете иной, и кроссбраузерный - укажите - продемонстрируйте.
Помимо этого на Local Storage важно ужатие данных, base64 ужимает практически вдвое, это при том, что контент страницы не ужатый, что позволяет парсить HTML прямо из Storage

Vlasenko Fedor 02.01.2015 22:44
Цитата:
Сообщение от Deff
Запомнить на storage
Это мопед еще тот будет. Зачем сss смешивать с html
Браузер и так кидает css в кеш.
Кроме того если нужно управлять то можно использовать manifest (Автономные веб-приложения)
А если да извращаться то и в js можно или даже так http://bolknote.ru/2011/04/19/~3185/

danik.js 02.01.2015 22:49
Цитата:
Сообщение от Deff
Ты приведи рабочий кроссбраузерный пример, твой пример - не работает,
Поправил пример.
Цитата:
Сообщение от Deff
В тексте css бывают и кавычки и угловые скобки, без кодирования можно налететь
Это все www-url-энкодится.
Цитата:
Сообщение от Deff
вроде как base64
Уже пояснил про base64, перечитай.
Цитата:
Сообщение от Deff
base64 ужимает практически вдвое
С каких пор он стал ужимать? Как алгоритм кодирования из большего алфавита в меньший может ужимать?:D

Deff 02.01.2015 23:01
Цитата:
Сообщение от Poznakomlus
Браузер и так кидает css в кеш.
Да, - а запрос то всё равно есть на наличие ссылки.
Цитата:
Сообщение от Poznakomlus
Кроме того если нужно управлять то можно использовать manifest (Автономные веб-приложения)
Есть идея использовать вариант для иных нужд, к примеру кеширование на клиенте часто используемых длинных кусков страницы, существенно сокращая объём перекачиваемого и без доп запросов к серверу, к примеру тут на форуме, - форма ответа занимает 40% ;
А тут просто вызываем подгрузку со storage, к тому же фишка уже работает осталось разобраться с парой браузеров

danik.js 02.01.2015 23:05
Цитата:
Сообщение от Deff
Да, - а запрос то всё равно есть на наличие ссылки
Не, нету. Если все правильно сделал - не будет ). Но это не про тебя, увы..

Vlasenko Fedor 02.01.2015 23:07
Цитата:
Сообщение от Deff
Да, - а запрос то всё равно есть на наличие ссылки
и что это ради одного запроса
уверен, что браузер не потратит больше времени на перекодировку из base64

Deff 02.01.2015 23:11
Poznakomlus,
У меня 10 страниц, около 50 скриптов и десяток css
Цитата:
Сообщение от Poznakomlus
уверен, что браузер не потратит больше времени на перекодировку из base64
Кодируется раз в неделю после полной загрузки страницы, когда юзеру пох
Цитата:
Сообщение от Poznakomlus (Сообщение 349285)
и что это ради одного запроса
уверен, что браузер не потратит больше времени на перекодировку из base64
Да нету связи, вот и всё.

Deff 02.01.2015 23:13
Цитата:
Сообщение от danik.js
Не, нету. Если все правильно сделал - не будет ). Но это не про тебя, увы..
Ты либо поясняй - умник, либо нах. Ибо молод и нахален не по годам.

Vlasenko Fedor 02.01.2015 23:14
объедини css все в один и будет тебе счастье. Раз сохранится в кеше, а потом из него будут загружатся
То - же и с скриптами полезно сделать

Deff 02.01.2015 23:16
Poznakomlus,
Там есть отключаемые css - я ранее говорил, и не подходит для реализации сокращения подгрузки произвольного повторяющегося контента на произвольном ресурсе.
Пока я доволен и скоростью и кешируемостью. Событие перезагрузки storage редкое, либо кеш почистили, либо ссылку сменили, типично неделя - две

Vlasenko Fedor 02.01.2015 23:33
Цитата:
Сообщение от Deff
Там есть отключаемые css
Больше похоже на неправильную логику. Так предположил, потому как написать css ,без конфликтов для других страниц реально. :)
Есть возможность на странице входа (к примеру) загрузить все сразу, а на других страницах использовать беря из кеша. динамически подгружая с помощью js или используя html5 import (поддержка не во всех браузерах и все равно к этому делу js нужно прикручивать)

Deff 02.01.2015 23:37
Poznakomlus,
Я не лезу в код базы, ибо не моя епархия и денег за гемморой не платят. Моя задача была обеспечить автономную работу палатки на два- три дня. Ты добровольно возьмёшься ?(Да и смысла нет, типично подобные палатки от силы год живут)
Сейчас хочу переиначить часть кода для использования в иных проектах сокращения подгрузки повторяющихся элементов. Кто там будет лопатить кривой код ?

Vlasenko Fedor 02.01.2015 23:46
Цитата:
Сообщение от Deff
Ты добровольно возьмёшься ?
То есть может еще принудительно. :lol:
Нет это не моя парафия


Часовой пояс GMT +3, время: 09:51.