Как написать невидимый текст
Желание скрыть часть контента может возникать по разным причинам. Выяснять, для чего скрывают текст, картинки и другие элементы страницы, не станем, лучше узнаем, как написать невидимый текст, спрятать фотографию, баннер, ссылку различными способами. Для реализации большинства методов потребуются минимальные знания в области программирования и HTML-разметки.
Как скрыть текст на сайте
Используем HTML-код
Чтобы при помощи HTML создать скрытый текст, нужно открыть исходный код страницы, найти скрываемое слово или предложение и установить цвет шрифта таким же, как цвет фона страницы. После загрузки страницы в браузере текст сольется с фоном и станет невидимым. Также предложения можно сделать практически невидимыми путем изменения размера шрифта до очень маленького. Еще один вариант: скрыть текст под изображением, которое дополнительно может сливаться с фоном и быть из-за этого невидимым.
Используем DHTML
Динамический HTML-код состоит из обычного HTML, каскадных таблиц стилей и элементов языка сценариев. Он позволяет вносить изменения в содержимое страниц без их перезагрузки. Для реализации задуманного пользователю потребуется создать небольшой код CSS и установить его в теле страницы между тегами body. Каскадные таблицы стилей дают практически безграничные возможности в плане изменения внешнего вида контента. В примере текст скрыт, но при нажатии на кнопку он появляется. Если пользователю требуется только скрыть контент, то часть кода можно удалить.
Скрываем текст на странице в динамическом HTML-коде
Как скрыть текст на странице в DHTML
При помощи стилей можно прятать ссылки, предложения, текстовые блоки, таблицы, изображения, используя свойства скрываемого объекта. Например, свойства opacity, visibility, display, position, clip-path позволяют скрывать объекты разными способами.
Методы скрытия объектов в DHTML
Способы скрытия объектов
Методы скрытия объектов в DHTML
Способы скрытия объектов
Используем JavaScript
Код скрипта можно вписывать как в заголовок, так и в тело страницы между тегами head или body соответственно. Главное, не забыть обозначить начало и конец кода. Для этого пользуются тегами script.
Сначала надо написать функцию, которая будет скрывать контент.
Код функции на JavaScript для скрытия контента
Функция для скрытия контента в JavaScript
Далее в нужном месте кода страницы следует запросить вывод результата работы скрипта.
Вывод результата работы JS-скрипта
Вывод результата работы скрипта
При помощи данного скрипта была скрыта большая часть статьи. Ссылка «Подробнее» необходима для отображения спрятанного контента и одновременного скрытия самой ссылки после появления текста, так как в ней отпала необходимость.
Ссылка ‘Подробнее’ в коде страницы на JavaScript
Ссылка ‘Подробнее’ в JavaScript
Еще один пример. Этот скрипт нужно вставить в тело страницы в нужном месте. После загрузки страницы в браузере пользователь увидит две кнопки: «Скрыть» и «Показать». Нажав на соответствующую, он увидит или скроет alalala. Если вас заинтересовал вопрос, как сделать тег невидимым, то вам следует внимательнее относиться к написанию кода. Правильно написанные и использованные теги не отображаются браузерами, поэтому скрывать их нет необходимости.
Как скрыть фрагмент html кода не удаляя его?
Есть прайс, в нем 4 столбца и один из них надо скрыть не удаляя его и не по средствам css, а сделать так что бы код просто не читался. Возможно ли это сделать?
- Вопрос задан более трёх лет назад
- 1654 просмотра
Комментировать
Решения вопроса 1
Евгений Вольф @Wolfnsex Куратор тега HTML
Если не хочешь быть первым — не вставай в очередь!
Возможно ли это сделать?
Да, можно его закомментировать . А что бы он совсем не читался (людями) — можете его в закодировать в Base64 или вообще зашифровать (с помощью стороннего ПО).
Ответ написан более трёх лет назад
Как скрыть код?
С помощью чего можно скрыть исходный код html, css, js? Например, для демонстрации как в themeforest.net, а в браузерах есть возможность просмотреть код.
- Вопрос задан более трёх лет назад
- 4759 просмотров
13 комментариев
Простой 13 комментариев
JPEG, PNG, PDF. 🙂
Если браузер обрабатывает HTML, CSS, JS — то значит код доступен. Это же веб, как иначе? JS можно обфусцировать, остальное останется как есть.
Ну или я вопрос не понял..
maxfox, css тоже можно обфусцировать и html сделать чуть менее читаемым.
xmoonlight @xmoonlight
devalone, авишка с ревиндом по onhover! )
devalone, Какой смысл обфусцировать CSS, если отладчик в браузере все всё покажет?
maxfox, ну как минимум можно изменить имена классов и отладчик не сможет показать старые, да, это такая себе обфускация, но тем не менее.
Руслан Гильфанов @ri_gilfanov
Как совсем дикий вариант, написать десктопное приложение отображающее веб-контент, но не дающее доступ к исходникам контента.
Думаю самым любопытным придётся выковыривать HTML, CSS и JS из оперативной памяти.
Но демонстрацию придётся каждому скачивать себе на компьютер.
xmoonlight @xmoonlight
Руслан Гильфанов, а если там тесная интеграция с нативом при рендеринге — то. 🙂
Руслан Гильфанов @ri_gilfanov
. а если там тесная интеграция с нативом при рендеринге — то. 🙂
xmoonlight, я не уловил мысль — можно переформулировать/развернуть?
Речь о «нативе» мобильных устройств? Или.
xmoonlight @xmoonlight
Руслан Гильфанов, ну визуальный компонент рендеринга (HTML/CSS/JS) постоянно общается с аппликухой получая доступ к раскриптовке кода прям в памяти «налету», а после рендеринга — убивает исходник из памяти.
Руслан Гильфанов, тогда уже сразу запускать сайт на виртуальной машине на своём сервере, а пользователям давать удалённый доступ без возможности выходить за пределы браузера.
xmoonlight @xmoonlight
devalone, Это единственное реальное решение для демонстрации заказчику!
+100500!
Руслан Гильфанов @ri_gilfanov
xmoonlight, интересно. А после убийства исходника разве в компоненте рендеринга не остаётся то же DOM-дерево или что тогда он будет показывать? И как будут выполняться скрипты?
Я не в курсе как тот же QtWebKit хранит веб-контент в оперативной памяти, но думаю вполне извлекаемо (тем более, исходники в OpenSource). Как я понимаю, реализация браузерного движка (как и GUI) подразумевает рендеринг по данным в бесконечном цикле. Пусть в случае с HTML, CSS и JS должны быть оптимизации данных (структурированный текст — не для рантайма), но оптимизации обратимые.
Если в бесконечном цикле рендерить и через секунду всё убивать, а все действия пользователя отдавать на хранение приложению — тогда веб-контент может постоянно перемещаться по оперативной памяти. Вот только не будет ли это жутко лагать.
Ещё как вариант, тут напрашивается собственная модификация WebKit с закрытым исходным кодом, шифрованием и наворотами от разработчиков «защит от копирования» для осложения дизассемблирования.
Хм, виртуальная машина на собственном сервере таки вариант по-проще)
Скрыть JavaScript код в исходном коде страницы
Как именно скрыть я не подскажу, но возможно вам нужно отделить нужную часть кода и перенести ее на сервер, а легковесный скрипт оставить на странице и общаться с сервером по AJAX?
Отслеживать
ответ дан 25 янв 2012 в 15:49
1,444 2 2 золотых знака 22 22 серебряных знака 49 49 бронзовых знаков
Может даже так.
25 янв 2012 в 16:03
Просто, на мой взгляд, это наиболее гуманный способ.
25 янв 2012 в 16:06
JavaScript должен выполнять бразуер — поэтому скрыть его в принципе нельзя. Можно минимизировать — это снизит понятность кода, но он все равно будет открыт.
По хорошему то, что не нужно видеть пользователям — нужно выполнять на сервере.
В любом случае браузер должен выполнять нешифрованный код, значит злоумышленник (грамотный) 100% его сможет увидеть, если захочет.
Отслеживать
ответ дан 25 янв 2012 в 16:00
160 6 6 бронзовых знаков
Ну Js особой опасности при изменении не несет. Самое страшное, что можно сделать базовым JS — стырить кукисы =)
25 янв 2012 в 16:05
Попробуйте какой-нибудь обфускатор JavaScript, конкретную прогу рекомендовать не буду, в интернете полно информации по этому поводу.
Отслеживать
ответ дан 25 янв 2012 в 15:54
872 2 2 золотых знака 13 13 серебряных знаков 27 27 бронзовых знаков
Если выполняемый код действительно имеет такую важность, то лучше его выполнять на сервере. Потраченное время на обфускацию может себя не оправдать.
25 янв 2012 в 16:02
А что за обфускатор?
25 янв 2012 в 16:04
Ну, для примера посмотрите javascriptobfuscator.com/default.aspx
25 янв 2012 в 16:11
КЛАСС! И где вы раньше только были с этим обфускатором !?
19 фев 2012 в 12:20
И вот, например: github.com/mishoo/UglifyJS2
22 фев 2015 в 0:51
JS выполняется браузером — поэтому адекватных способов скрыть нет (кроме какой-нибудь кодировки — но это уже на уровне маразма, имхо).
Отслеживать
ответ дан 25 янв 2012 в 15:52
309 2 2 серебряных знака 17 17 бронзовых знаков
Спасибо, учту =)
25 янв 2012 в 16:03
Вы ищите как скрыть, я ищу того кому бы это было нужно :)))))
В принципе, конечно, скрыть то, что передано в браузер нельзя, но практически можно.
Есть ли способы сокрытия JavaScript-кода на WEB-страницах ?
Есть способы сокрытия JavaScript-кода на WEB-страницах .
Отслеживать
ответ дан 19 фев 2012 в 12:01
21 2 2 бронзовых знака
И как им пользоваться. Там только написано, что возможно. вот сделать бы так, как они говорят.
19 фев 2012 в 12:06
Для защиты от простого копирования исходника лучше всего использовать обфускатор (вот, кстати, тоже неплохой сервис). Причём можно встроить в шифруемый скрипт проверку location.href. А пытаться защитить код от профессионалов бессмысленно. Сейчас (исключительно ради научного интереса =)) посмотрел сервис, который предлагал Van. Достал код страницы регистрации минуты за две, что ещё раз подтверждает, что полностью скрыть код невозможно.
Отслеживать
ответ дан 19 фев 2012 в 13:03
638 8 8 серебряных знаков 15 15 бронзовых знаков
Ну да =) Все, уже все выясниось. вопрос можно закрывать.
19 фев 2012 в 13:13
- html
- javascript
-
Важное на Мете
Похожие
Подписаться на ленту
Лента вопроса
Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.
Дизайн сайта / логотип © 2024 Stack Exchange Inc; пользовательские материалы лицензированы в соответствии с CC BY-SA . rev 2024.4.30.8420