HTML & JavaScript Encoder/Decoder
HTML/text/JavaSript Escaping/Encoding Script
Эти скрипты предназначены объяснить, каким образом «спрятать» HTML и / или JavaScript от других людей, которые рассматривают исходный код страницы. Это не надежный, но он делает это более трудным для чтения и понимания исходного кода. В связи с характером, как они работают скрипты, объяснение может показаться сложным и вытягиваются, но будьте терпеливы, и это должно иметь смысл, как только вы получаете небольшой опыт работы с ними. Вы действительно не
есть знать все входы и выходы из этих сценариев, но это поможет вам понять, как и почему они работают. Таким образом, занять место, и я сделаю все возможное, чтобы сделать это, кажется, как не-сложно, как это возможно.
Escape/Unescape
Первый раздел этой страницы объясняется, как «побег» любой текст, HTML или Javascript, чтобы сделать его вообще нечитаемым для обычного пользователя. Коды URL два-символьный шестнадцатеричный (8-бит) значения со знаком%. Это используется прежде всего в браузере URL, или для использования при принятии куки для символов, которые в противном случае не будет работать, как правило, потому, что они защищены символов (например, пробелов и т.п.).
Например, если у вас HTML-файла приложения первой странице , бежал URL код будет выглядеть странице% 20one .% 20 является бежал значение пространства. Как правило, вы бы только специальных символов (как правило, любые символы, кроме алфавита и цифры, и 0-9), но скрипт на самом деле побег все текст просто заменой всех персонажей с их эквиваленты сбежал. Итак, если вы были на полностью избежать слова первой странице , это будет выглядеть так:%70%61%67%65%20%6F%6E%65. Now, none of the text is easily decipherable even though most of it was made up of normal characters.
Так как браузер может по своей сути обрабатывать управляющие коды, это может быть использовано довольно легко, без необходимости добавить больше сценарий, чтобы расшифровать их. Итак, если вы хотите, чтобы браузер пишут, что бежал текста на страницу, вы можете сделать что-то вроде:
<script language="javascript">
document.write( unescape( '%70%61%67%65%20%6F%6E%65' ) );
</script>
Все, что я тут делаю ставит бежал строку в набор цитат (важно!), упаковка, что внутри встроенного Unescape () метод, а затем, что в упаковке document.write () метод. Это может показаться немного бесполезной, но вы могли скрыть адреса электронной почты таким образом, чтобы предотвратить сканеров из зацепления ваш адрес электронной почты с веб-страницы для использования в массовых спам-рассылок, но позволяет посетителям читать ее хорошо ... Если, конечно, вы на самом деле как получения ходатайства виагры. :)
Например, моя полностью избежал адрес электронной почты будет выглядеть так, чтобы веб-гусеничных:
<script language="javascript">
document.write( unescape( '%73%63%72%69%70%74%61%73%79%6C%75%6D%40%68%6F%74%6D%61%69%6C%2E%63%6F%6D' ) );
</script>
... но будет выглядеть так, чтобы посетитель:
qwerscom@gmail.com
Два текстовых поля ниже позволит Вам полностью избежать и Unescape любой текст. Просто введите любой текст / HTML / JavaScript вы хотите в левом окне и нажмите --> нопку, чтобы полностью избавиться от нее. Аналогичным образом, нажмите <-- кнопку, чтобы преобразовать его обратно в нормальный текст для проверки, что это то же самое, что и оригинал. Вы можете скопировать и вставить код бежал в свою страницу (не забывайте использовать unescape() b document.write() methods).
Encoding/Decoding
Теперь вы, наверное, уже поняли, что вы могли
скрыть целую HTML-страницу с помощью описанного выше метода, но Есть два недостатка, чтобы сделать это. Размер и легкость "взлом" кода
Когда вы полностью уйти вся страница, каждый персонаж становится 3-х символов. Это будет тройной размер вашей страницы. Не большое дело, если страницы составляет всего лишь около 1-5 Кбайт размером, но когда у вас есть довольно большой страницы (> 10 Кбайт), размер файла увеличивается быстрыми темпами. Это было медленное время загрузки для коммутируемого соединения серферов там.
Кроме того, если кто-то посмотреть на исходный код, было бы довольно легко понять, что вы делаете. Тогда они могут просто скопировать и вставить код и сделать небольшой скрипт для отображения нормального содержания. Существует нет абсолютного безопасный способ (на стороне клиента), чтобы кто-то из фольги просмотре источника, если они определяются достаточно;. Лучшее, что можно надеяться, это то, чтобы сделать его максимально неудобным возможно
Таким образом, для решения как проблемы, которые Вы могли кодировать / декодировать текст. Опять же, это не будет надежной, чтобы держать людей от кражи исходного содержания, если они действительно этого хотят. Я действительно использую термины "кодирование" и "расшифровать" свободно здесь то, что следующий скрипт делает, это не считается сам процесс кодирования, но это легче сказать, что это именно так.Закодированный результат будет немного больше, чем исходный текст, но намного меньше, чем если бы вы просто сбежали все это.
Выше в разделе, просто побег текста.Ниже раздел на самом деле
сдвиги Unicode значения, так что результат выглядит как тарабарщина. Попробуйте, и вы увидите, не забудьте попробовать различные
Code Key значения из выпадающего списка.
Следующие шаги, что скрипт делает, чтобы добиться этого эффекта при нажатии --> (encode) кнопки
- First, all the text is escaped.
- Then the script finds the Unicode values for each character in the string.
- Then the script adds whatever the Code Key drop-down box value is to each character's Unicode value.
- Then the script derives characters based on the shifted Unicode values.
- The Code Key value is also embedded in the decoded text so the script knows how to properly decode the string again.
- Finally, it escapes the result one more time to remove any special characters. Now, the output looks totally foreign to someone who cannot un-shift Unicode values in their head. :)
The decode step
<-- simply reverses the process.
К сожалению, браузер не имеет встроенной возможность обработки декодирования, так что мы должны использовать функцию в отношении этого. Итак, вам придется бежать
функции, которая обрабатывает декодирования, чтобы скрыть эту часть, и заставить браузер записать его в документ. Вы действительно не есть , чтобы избежать функции декодирования, но сделает это гораздо сложнее для кого-то, чтобы выяснить, что происходит. Затем, функция декодирования может быть использована для декодирования остальной любым содержимым Вы кодировали. Я опишу шаги один за другим, чтобы сделать это более понятным.
- Выделить: функцию декодирования. До этого функции , это выглядит так:
<script language="javascript">
function dF(s){
var s1=unescape(s.substr(0,s.length-1)); var t='';
for(i=0;i<s1.length;i++)t+=String.fromCharCode(s1.charCodeAt(i)-s.substr(s.length-1,1));
document.write(unescape(t));
}
</script>
функция выглядит следующим образом:
%3C%73%63%72%69%70%74%20%6C%61%6E%67%75%61%67%65%3D%22%6A%61%76%61%73%63%72%69%70%74%22%3E%0D%0A%66%75%6E%63%74%69%6F%6E%20%64%46%28%73%29%7B%0D%0A%76%61%72%20%73%31%3D%75%6E%65%73%63%61%70%65%28%73%2E%73%75%62%73%74%72%28%30%2C%73%2E%6C%65%6E%67%74%68%2D%31%29%29%3B%20%76%61%72%20%74%3D%27%27%3B%0D%0A%66%6F%72%28%69%3D%30%3B%69%3C%73%31%2E%6C%65%6E%67%74%68%3B%69%2B%2B%29%74%2B%3D%53%74%72%69%6E%67%2E%66%72%6F%6D%43%68%61%72%43%6F%64%65%28%73%31%2E%63%68%61%72%43%6F%64%65%41%74%28%69%29%2D%73%2E%73%75%62%73%74%72%28%73%2E%6C%65%6E%67%74%68%2D%31%2C%31%29%29%3B%0D%0A%64%6F%63%75%6D%65%6E%74%2E%77%72%69%74%65%28%75%6E%65%73%63%61%70%65%28%74%29%29%3B%0D%0A%7D%0D%0A%3C%2F%73%63%72%69%70%74%3E
Neat huh? :)
Во всяком случае, теперь у вас есть, чтобы сделать браузер пишут, что часть сценария к странице, окружив его document.write() and unescape() методы, такие как это:
<script language="javascript">
document.write( unescape( '%3C%73%63%72%69%70%74%20%6C%61%6E%67%75%61%67%65%3D%22%6A%61%76%61%73%63%72%69%70%74%22%3E%0D%0A%66%75%6E%63%74%69%6F%6E%20%64%46%28%73%29%7B%0D%0A%76%61%72%20%73%31%3D%75%6E%65%73%63%61%70%65%28%73%2E%73%75%62%73%74%72%28%30%2C%73%2E%6C%65%6E%67%74%68%2D%31%29%29%3B%20%76%61%72%20%74%3D%27%27%3B%0D%0A%66%6F%72%28%69%3D%30%3B%69%3C%73%31%2E%6C%65%6E%67%74%68%3B%69%2B%2B%29%74%2B%3D%53%74%72%69%6E%67%2E%66%72%6F%6D%43%68%61%72%43%6F%64%65%28%73%31%2E%63%68%61%72%43%6F%64%65%41%74%28%69%29%2D%73%2E%73%75%62%73%74%72%28%73%2E%6C%65%6E%67%74%68%2D%31%2C%31%29%29%3B%0D%0A%64%6F%63%75%6D%65%6E%74%2E%77%72%69%74%65%28%75%6E%65%73%63%61%70%65%28%74%29%29%3B%0D%0A%7D%0D%0A%3C%2F%73%63%72%69%70%74%3E' ))
</script>
- Теперь у вас есть функция декодирования на странице, вы можете вызвать его для декодирования любым содержимым Вы кодировали. Скажем, у вас был скрипт вы хотели защитить, что-то вроде предварительной загрузки изображений скрипт:
<script language="javascript">
function preloadImages(){
var iA=new Array();
for(i=0;i<arguments.length;i++){
iA[i]=new Image();
iA[i].src=arguments[i];
}}
preloadImages('img1.gif','img2.gif','img3.gif');
</script>
Когда сценарий выше кодируется с помощью "code key" № 1, это выглядит так:
%264Dtdsjqu%2631mbohvbhf%264E%2633kbwbtdsjqu%2633%264F%261E%261Bgvodujpo%2631qsfmpbeJnbhft%2639%263%3A%268C%261E%261Bwbs%2631jB%264Eofx%2631Bssbz%2639%263%3A%264C%261E%261Bgps%2639j%264E1%264Cj%264Dbshvnfout/mfohui%264Cj%2C%2C%263%3A%268C%261E%261BjB%266Cj%266E%264Eofx%2631Jnbhf%2639%263%3A%264C%261E%261BjB%266Cj%266E/tsd%264Ebshvnfout%266Cj%266E%264C%261E%261B%268E%268E%261E%261B%261E%261BqsfmpbeJnbhft%2639%2638jnh2/hjg%2638%263D%2638jnh3/hjg%2638%263D%2638jnh4/hjg%2638%263%3A%264C%261E%261B%264D0tdsjqu%264F1
Затем, вы декодировать строку и записать его на страницу, вызвав dF () функции (который был только что неэкранированный и записываются страницы в предыдущем шаге), проходящей строку выше примерно так:
dF('%264Dtdsjqu%2631mbohvbhf%264E%2633kbwbtdsjqu%2633%264F%261E%261Bgvodujpo%2631qsfmpbeJnbhft%2639%263%3A%268C%261E%261Bwbs%2631jB%264Eofx%2631Bssbz%2639%263%3A%264C%261E%261Bgps%2639j%264E1%264Cj%264Dbshvnfout/mfohui%264Cj%2C%2C%263%3A%268C%261E%261BjB%266Cj%266E%264Eofx%2631Jnbhf%2639%263%3A%264C%261E%261BjB%266Cj%266E/tsd%264Ebshvnfout%266Cj%266E%264C%261E%261B%268E%268E%261E%261B%261E%261BqsfmpbeJnbhft%2639%2638jnh2/hjg%2638%263D%2638jnh3/hjg%2638%263D%2638jnh4/hjg%2638%263%3A%264C%261E%261B%264D0tdsjqu%264F1');
Таким образом, чтобы привести все это вместе, следующее, что вы бы вставить в вашу страницу:
<script language="javascript">
document.write(unescape('%3C%73%63%72%69%70%74%20%6C%61%6E%67%75%61%67%65%3D%22%6A%61%76%61%73%63%72%69%70%74%22%3E%0D%0A%66%75%6E%63%74%69%6F%6E%20%64%46%28%73%29%7B%0D%0A%76%61%72%20%73%31%3D%75%6E%65%73%63%61%70%65%28%73%2E%73%75%62%73%74%72%28%30%2C%73%2E%6C%65%6E%67%74%68%2D%31%29%29%3B%20%76%61%72%20%74%3D%27%27%3B%0D%0A%66%6F%72%28%69%3D%30%3B%69%3C%73%31%2E%6C%65%6E%67%74%68%3B%69%2B%2B%29%74%2B%3D%53%74%72%69%6E%67%2E%66%72%6F%6D%43%68%61%72%43%6F%64%65%28%73%31%2E%63%68%61%72%43%6F%64%65%41%74%28%69%29%2D%73%2E%73%75%62%73%74%72%28%73%2E%6C%65%6E%67%74%68%2D%31%2C%31%29%29%3B%0D%0A%64%6F%63%75%6D%65%6E%74%2E%77%72%69%74%65%28%75%6E%65%73%63%61%70%65%28%74%29%29%3B%0D%0A%7D%0D%0A%3C%2F%73%63%72%69%70%74%3E'));dF('%264Dtdsjqu%2631mbohvbhf%264E%2633kbwbtdsjqu%2633%264F%261E%261Bgvodujpo%2631qsfmpbeJnbhft%2639%263%3A%268C%261E%261Bwbs%2631jB%264Eofx%2631Bssbz%2639%263%3A%264C%261E%261Bgps%2639j%264E1%264Cj%264Dbshvnfout/mfohui%264Cj%2C%2C%263%3A%268C%261E%261BjB%266Cj%266E%264Eofx%2631Jnbhf%2639%263%3A%264C%261E%261BjB%266Cj%266E/tsd%264Ebshvnfout%266Cj%266E%264C%261E%261B%268E%268E%261E%261B%261E%261BqsfmpbeJnbhft%2639%2638jnh2/hjg%2638%263D%2638jnh3/hjg%2638%263D%2638jnh4/hjg%2638%263%3A%264C%261E%261B%264D0tdsjqu%264F1');
</script>