Как посмотреть код страницы на андроид
Перейти к содержимому

Как посмотреть код страницы на андроид

  • автор:

Wpilot

Подсветка синтаксиса , поиск по коду, сохраняет исходный код в текст, добавляет страницу в закладки, поделиться кодом веб страницы, копирование всего кода, валидатор разметки кода.

Исходный код страницы можно посмотреть введя адрес URL нажав на Open URL или в любом браузере нажать иконку поделиться и выбрать в списке приложение VT View Source.

Конечно просматривать и редактировать код веб страниц на Андроид не совсем удобно но если под рукой нет ничего кроме планшета и тут можно найти выход из положения.

Просмотр HTML кода страницы сайта в android.

Обычно, на ПК смотрим код при помощи клавиш Ctrl+U или правой кнопкой мыши выбрать «Просмотр кода страницы» или «Исходный код страницы» и т.п., в зависимости от браузеров Google Chrome, Яндекс, Microsoft Edge, Интернет эксплорер, Opera, Mozilla Firefox. Исходный код страницы сайта на устройствах андроид можно посмотреть двумя способами:

1. Так же на телефоне, как на ПК, вставить в адресную строку браузера перед доменом или адресом сайта символы view-source:.

2018 10 12 040351

2. Установить и посмотреть при помощи небольшой программы VT View Source, которую можно скачать в Play Market.

Отличием от других подобных программ является подсветка элементов кода (синтаксиса) различными цветами, что повышает удобство чтения кода и другие полезные функции.

Для просмотра исходного кода сайта в смартфоне или планшете, в программе VT View Source необходимо ввести адрес рассматриваемой страницы либо вручную, либо вставить из буфера обмена заранее скопированный, и нажать ОК.

vt-view-source-2vt-view-source-5

Что позволяет программа:

Работать как в вертикальном, так и горизонтальном режиме.

vt-view-source-3

Адреса потом можно сохранять в закладках программы, чтобы потом не вводить заново.

Код можно обновлять.

Искать в коде необходимый текст.

Копировать как весь код, так и отдельные его части.

Сохранять в файл.

Программа позволяет менять свой цветовой интерфейс (подсветка текста, цвет фона и текста, размер шрифта) как стандартными включенными темами, так и вручную, включать и отключать увеличение и нумерацию строк.

vt-view-source-4vt-view-source-6vt-view-source-7

  • Программа Artisteer. Создание шаблонов сайта
  • Что такое PR (pagerank) страницы и ТИЦ сайта

Как посмотреть код страницы на телефоне или как обходиться в работе без ПК

Хозяйке на заметку: Если вы работаете на телефоне или планшете и вам нужно посмотреть код страницы или найти что-то в коде HTML, выполните следующие простые действия:

  1. Откройте требуемую страницу в Google Chrome на телефоне или планшете
  2. Допишите в начало адреса страницы “view-source:” и нажмите [Enter] (перейти)
  3. Выберите в меню (три точки справа) пункт “Найти на странице”
  4. Введите нужный текст для поиска

Screenshot_20181111-083339

Телефон вместо компьютера

Вообще на эту заметку меня сподвигла статья в Ферре “Почему смартфон так и не заменил компьютер, хотя нам давно это обещали“, которую я прочитал за утренним кофе. Вообще, я во многом не согласен с Денисом Поповкиным, автором статьи. Наверное, потому, что телефоны УЖЕ заменили компьютеры. И это легко увидеть. Автор подходит со своей колокольни, со своей проблематикой, но мне она кажется довольно однобокой. Если в общем говорить о том, чем является “работа на компьютере”, то можно выделить следующие пункты:

  • Работа на работе (офис, бизнес-задачи)
    • Коммуникации (почта, всякие мессенджеры, Скайпы, совещания и т.п.)
    • Документооборот (документы, таблицы, формы)
    • ERP / CRM (клиенты, задачи, финансы, бизнес-процессы)
    • Специализированный софт (ну тут уже зависит от темы)
    • Коммуникации (почта, мессенджеры)
    • Презентации и демонстрации
    • Документооборот
    • Коммуникации (мессенджеры, Скайпы и т.п.)
    • e-Commerce (шоппинг)
    • Интернет и развлечения
    • Хобби (например, фотография, видео, кодирование и т.п.)
    • Редко, ведение домашнего хозяйства (финансы, планирование и т.п.)

    Вот, пожалуй, и всё.

    Так вот, из этих трех групп в одной уже однозначно телефоны заменили ПК — это работа дома. Включать персональный компьютер, чтобы посмотреть рецепт пиццы или погоду на завтра уже никто не будет. Аналогично шоппинг и большей частью хобби давно и успешно решаются на телефоне или планшете.

    Ну а первые два пункта, думаю, всё зависит от направленности бизнес-задач. Конечно же, фотошоп или какой-нибудь CAD на телефоне запустить очень и очень проблематично, если вообще возможно, но все остальные задачи решаются легко, хотя и немного непривычно первое время. Например, я уже не раз и не два отправлялся в командировки на неделю и более вообще без ноутбука, планшет, мышка и хорошая BT-клавиатура (это важно!) вполне заменяют рабочее место.

    20181025_083510-01

    Ведь первоочередная задача в работе — это не специализированный софт, а всё же коммуникации, а они как раз на мобильных устройствах более-менее полно реализованы.

    Всевозможные ERP / CRM — опять же, зависит от реализации. У нас в компании худо-бедно наша система работает с мобильника (хотя клиенты и жалуются, что не очень удобно. Мы это слышим и что-то даже исправляем). Про всякие 1С молчу, это — харам, мы не пользуемся!

    Далее, автор пишет:

    Следующий момент – сами приложения. Казалось бы, да – можно напечатать текст даже на смартфоне. Хорошо, но нам ещё нужно подобрать изображения для статьи, обрезать их под нужное соотношение сторон и ширину пикселей, а потом вставить в админку CMS.

    Ребята, открою вам страшную тайну: у вас CMS — говно! Нормальные CMS давно и успешно решают любые задачи, связанные с публикацией либо полностью автоматически (“обрезать их под нужное соотношение сторон и ширину пикселей”), либо великолепно это делают с любого устройства. Например, эту заметку я пишу хоть и на десктопе (большей частью), но и на телефоне, в том числе:

    Так что, проблема в конкретной CMS, а не в возможности удобной работы. У Ферры самописка из разряда “Самостряп-303”, ну и если разработчики не предусмотрели таких функций — то это проблемы коллектива Ферры.

    Специализированный софт — вот это да. Для меня специализированным софтом является прежде всего IDE для написания софта и работы с сайтами (собственно об этом и заметка), и вот здесь не все так гладко. Нет, сама IDE есть на планшете и мобильнике, но из-за особенностей клавиатуры и мышки Android писать софт не совсем удобно. Хотя допускаю, что я просто не настроил клавиатуру должным образом.

    Ну и наконец, выезды и командировки. Для себя я давно перешел на исключительно на телефон. Таскать с собой ноут (хотя он и легкий у меня — менее 1.5 кг.) или даже планшет с клавиатурой и мышкой не очень хочется. Поэтому я перешел на работу в командировках, курсах и выездах с исключительно телефона.

    Например, вот такой нехитрый набор позволяет легко проводить лекции и презентации. В Московском Политехе я вот так недавно отчитал трехмесячный курс. В набор входят:

    1. Современный смартфон
    2. Доп.аккумулятор с подставой для смартфона
    3. HDMI-донгл Miracast для трансляции презентации и экрана на любой проектор или ТВ-панель
    4. Кликер для презентации с лазерной указкой
    5. Складная клавиатура с тач-панелью
    6. Резервный Powerbank на случай длительных занятий (более 4 часов)

    Все это весит менее 500 гр. и легко помещается в маленькую сумку или барсетку.

    В качестве резюме можно сказать, что ПК, конечно же, полноценно телефон пока не заменяет, но львиную долю задач на смартфоне или планшете вполне можно делать и делать успешно. Важно лишь правильно подобрать софт.

    Как посмотреть исходный код страницы на планшете с ОС Android?

    Можно ли посмотреть исходный HTML код интернет-страницы на планшете или смартфоне с ОС Android и как это сделать?

    комментировать
    в избранное бонус
    feier­ verk [30.8K]
    более года назад

    Даже на мобильных устройствах существует несколько способов. Чтобы раскрыть и посмотреть весь код, состоящий их html-элементов можно в адресной строке перед url вручную прописать view-source: без пробелов.

    Существуют также специальные программы и инспектор-браузеры, где можно не только просматривать, но и редактировать, и сохранять локально html-код. Только локально, чтобы изменить нужен доступ, обращение к серверу разработчика.

    комментировать
    в избранное ссылка отблагодарить
    Hunte­ r for luck [3.2K]
    6 лет назад

    Некоторые браузеры, которые используются на планшетах (например Google Chrome), позволяют просматривать исходный код страницы с помощью команды view-source (просмотр источника), которую необходимо указать в адресной строке перед URL-адресом.

    Выглядит это примерно так: view-source:http://www.bolshoyvopros.ru/

    В результате в окне браузера откроется html-код, который можно скопировать и при необходимости отредактировать в любом онлайн-редакоре, а также разместить на своем хостинге, используя для этого только планшет или смартфон.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *