Как изменить число на сайте через консоль

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

Перейти к содержимому

Константин Булгаков

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

При работе с контентом на сайте часто требуется вносить изменения или править различные текстовые блоки прямо на странице. В большинстве случаев это можно сделать через выделение элемента и правку в коде.

Однако существует специальная команда document.designMode = 'on' которая позволяет окно браузера с содержимым страницы с легкостью превратить в текстовый редактор.

That feeling when you first discovered `document.designMode` pic.twitter.com/bxA1otzCjN

— Tomek Sułkowski (@sulco) September 27, 2019

Для вызова команды вам потребуется произвести несколько несложных действий:

  1. Откройте на нужной странице консоль администратора (вызывается нажатием клавиши F12 или Ctrl+Shift+I);
  2. В появившемся окне выберите вкладку консоль;
  3. Укажите команду document.designMode = 'on';
  4. Далее нажмите Enter и приступайте к изменению контента на странице — установите курсор в нужном фрагменте текста и вносите любые правки.

Консоль Google Chrome

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

Для чего будет полезна команда:

  1. изменять тексты и подменять данные на сайте;
  2. тестировать различные текстовые блоки и элементы — заголовки, лид-параграфы, абзацы, врезки, сноски;
  3. проверять различные форматы написания текста и быстро принимать решения;
  4. быстро править тексты и отправлять скриншоты заинтересованным участникам — разработчикам, копирайтерам или дизайнерам;
  5. создавать фейковые скриншоты с содержимым страницы.

Если вам интересно узнать больше о возможностях консоли администратора Chrome, то рекомендую посмотреть запись Chrome Dev Summit 2016.

Хотите еще больше похожих выступлений? Посетите официальную страницу саммита. Здесь вы найдете ссылки на записи других выступлений за все предыдущие года.

Надеюсь, материал оказался полезным. Обязательно пишите ваши комментарии или делитесь ссылкой на статью с коллегами и друзьями.

Что важного в диджитал на этой неделе?

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

Узнать подробнее →

Статьи по теме:

  • Как настроить подмену контента по URL-адресу страницы с помощью Google Tag Manager
  • Как установить Google Optimize с помощью Google Tag Manager
  • Как перенести счетчик Яндекс.Метрики на другой аккаунт
  • Как отслеживать всплывающие окна с помощью Google Tag Manager
  • Как отслеживать клики по кнопке с помощью Google Tag Manager

Метки #инструменты

Меняем текстовое содержимое элемента

Мы нашли нужный элемент и вывели в консоль его текстовое содержимое. Но для нашей задачи это содержимое нужно изменить. Как это сделать? Присвоим свойству textContent новое значение.

Возьмём абзац с текстом:

И перезапишем его текстовое содержимое:

Обратите внимание, что строки с текстом нужно заключать в кавычки.

Когда инструкция выполнится, текст внутри абзаца изменится:

Когда мы присваиваем свойству textContent новое значение, оно полностью заменяет собой старое. Как и в случае с переключением классов, JavaScript не влияет на исходную разметку, а меняет текст прямо в браузере пользователя.

Свойство textContent предназначено только для текста, если записать туда HTML-теги, браузер их не поймёт.

Как быстро редактировать текст на странице с помощью консоли разработчика Chrome

Константин Булгаков

При работе с контентом на сайте часто требуется вносить изменения или править различные текстовые блоки прямо на странице. В большинстве случаев это можно сделать через выделение элемента и правку в коде.

Однако существует специальная команда document.designMode = ‘on’ которая позволяет окно браузера с содержимым страницы с легкостью превратить в текстовый редактор.

That feeling when you first discovered `document.designMode` pic.twitter.com/bxA1otzCjN

— Tomek Sułkowski (@sulco) September 27, 2019

Для вызова команды вам потребуется произвести несколько несложных действий:

  1. Откройте на нужной странице консоль администратора (вызывается нажатием клавиши F12 или Ctrl+Shift+I);
  2. В появившемся окне выберите вкладку консоль;
  3. Укажите команду document.designMode = ‘on’ ;
  4. Далее нажмите Enter и приступайте к изменению контента на странице — установите курсор в нужном фрагменте текста и вносите любые правки.

Консоль Google Chrome

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

Для чего будет полезна команда:

  1. изменять тексты и подменять данные на сайте;
  2. тестировать различные текстовые блоки и элементы — заголовки, лид-параграфы, абзацы, врезки, сноски;
  3. проверять различные форматы написания текста и быстро принимать решения;
  4. быстро править тексты и отправлять скриншоты заинтересованным участникам — разработчикам, копирайтерам или дизайнерам;
  5. создавать фейковые скриншоты с содержимым страницы.

Если вам интересно узнать больше о возможностях консоли администратора Chrome, то рекомендую посмотреть запись Chrome Dev Summit 2016.

Хотите еще больше похожих выступлений? Посетите официальную страницу саммита. Здесь вы найдете ссылки на записи других выступлений за все предыдущие года.

Надеюсь, материал оказался полезным. Обязательно пишите ваши комментарии или делитесь ссылкой на статью с коллегами и друзьями.

Как пользоваться вкладкой Elements

Инструменты разработчика в браузерах очень мощные. Они помогут отредактировать страницу прямо в браузере, даже не особо зная, что такое HTML. Можно заменять текст, картинки, передвигать целые блоки на лету, т.е. прямо в браузере, не сохраняя никаких файлов. Правда, эти изменения носят временный характер: при обновлении страницы изменения пропадают.

Инструменты отлично подходят, когда хочется “попробовать, как это выглядит”.

В этой статье мы пользуемся браузером Google Chrome, но в других браузерах всё работает схожим образом.

Поменять текст

Чтобы заменить любой текст на странице, достаточно кликнуть правой клавишей мыши по нужному тексту и выбрать “Просмотреть код”. Откроется код этого элемента, где вы сразу увидите нужный текст. Кликните по нему дважды, чтобы заменить. При нажатии на Enter вы увидите, что текст поменялся и на странице.

Попробуйте повторить приём ниже. Где пробовать.

Поменять картинку

Чтобы заменить картинку, нужно найти её путь: обычно это какая-то длинная ссылка внутри элемента с названием img. Довольно просто, ничем не отличается от смены текста.

В примере ниже мы задумали у второго урока поставить такую же картинку, как у первого. Попробуйте повторить приём ниже. Где пробовать.

Обратите внимание на прикольную фичу: при наведении на ссылку Chrome показывает миниатюрку картинки, которая лежит по этой ссылке. Мелочь, а приятно.

Найти блок вёрстки

Весь HTML устроен иерархически: большие элементы на странице складываются из элементов поменьше, а те, в свою очередь, тоже делятся на части и так пока не дойдёт дело до самых простых элементов на странице — текста, картинок и прямоугольников. Например, на странице Энциклопедии Девмана есть строка, в которой лежит 3 списка из рубрик энциклопедии.

Видно, что они “вложены” в строку — при желании их можно “свернуть”:

При наведении на строчки элементы на странице будут выделяться синим. Чтобы выделить весь элемент поднимайтесь “наверх” по коду, пока он не выделится целиком. Если выделилось слишком много, то вы поднялись слишком высоко, теперь спускайтесь обратно. Перемещайтесь по элементам, пока не найдете нужный.

Найденный элемент можно отредактировать прямо в браузере, выбрав в контекстном меню Edit as HTML . Правда, в файл изменения не попадут. Ещё можно разом скопировать весь блок с вложенными в него элементами или даже удалить их все. О том как это сделать читайте ниже.

С инструментами разработчика любой блок на странице сайта найти проще простого, но вот повторить трюк с текстовым редактором и HTML файлом будет куда сложнее. Ориентируйтесь по названию тега, его классам и его родителям. Например:

С помощью инструментов разработчика вы поняли, что вам нужен элемент <div js-article-content»> . Значит в файле надо искать тег div с классами row и js-article-content и с родителями body и article . Задача сильно упростится, если в редакторе свернуть часть кода, в англоязычном интерфейсе этот приём называется code folding .

Помните, что на странице может быть много одинаковых с виду элементов, с одинаковым тегом и классами. Ориентируйтесь прежде всего на родителей — внутри каких элементов он находится. Начинайте поиск с тега <body> — этот элемент на странице всегда один и находится на самом верху.

В коде теги ищут по их родителям

Скопировать элемент

Если вы уже нашли элемент через инструменты разработчика, то кликните по нему правой кнопкой мыши и в выпадающем меню выберите Copy outerHTML . HTML разметка скопирована в буфер обмена, теперь можете вставить её в текстовый редактор.

Удалить элемент

Чтобы удалить элемент, нужно так же кликнуть по нему правой кнопкой мыши и выбрать “Просмотреть код”. Далее выберите его целиком. Когда вы выберете нужный элемент — жмите Delete .

В этой гифке мы задумали удалить вторую статью “Как установить Python”. Попробуйте повторить приём ниже. Где пробовать.

В гифке видно, как мы “поднимаемся” наверх, выделяя всё больше. Как только “поднялись” достаточно — свернули всё, что внутри с помощью “стрелочки” слева. Стало видно, что некие li — это элементы списка (на самом деле это list item), а в некоем ul лежит весь список (это unordered list).

Попробуйте бесплатные уроки по Python

Получите крутое код-ревью от практикующих программистов с разбором ошибок и рекомендациями, на что обратить внимание — бесплатно.


Решения вопроса 1

KorniloFF

Павел Корнилов

@KorniloFF Куратор тега JavaScript

Работаю по font-end / JS

  • Перед точкой класс span выходит?

  • KorniloFF

    tr1ck1, любой селектор элемента, в котором нужно поменять текст динамически.

  • Павел Корнилов, Я правильно понял, что я выделяю нужный элемент, нажимаю «исходный код выделенного фрагмента», его через ваш сайт конвертирую в JS, чтобы изменять на нужный текст/значение? Заношу в плагин и при обновлении страницы изменения остаются.

  • KorniloFF

    tr1ck1, вот теперь я уже не понял. Я отвечал на исходный вопрос.

  • Павел Корнилов, Хочу разобраться, как изменять текст на стороннем сайте. Грубо говоря, это фрагмент с сайта сбербанка (вклад). Я выделил сумму, посмотрел код данного элемента. Выходит, чтобы изменять его, нужно написать написанный вами JS-код? Или нужно еще что? Т.к. реакции никакой нет на такой js( сорри за такие глупые вопросы, профан.

  • KorniloFF

    tr1ck1, о какой реакции речь? Мой код, выполненный из консоли броузера изменить содержимое DOM-узла с классом overallAmount любого сайта.
    Результат вы увидите в броузере. Но что это вам даст, а точнее, что вы хотите при этом получить?

  • KorniloFF

    Да запросто!
    5c4616ac76f40922544045.png

  • Павел Корнилов, Это хорошо)) а в сбере как сумму суметь изменить? Выходит к вашему коду еще что-то добавить нужно?

  • KorniloFF

    tr1ck1, да пофигу, какой сайт!
    Можно выбрать редактируемый элемент в инспекторе, а в консоли уже использоать литерал $0 для обращения к нему. Это к примеру, чтобы не мучаться с классами.

  • Павел Корнилов, Я туплю сильно)) не понял, как без классов можно сделать. Ведь скрипт прописывает в плагине.

  • KorniloFF

    tr1ck1, нет, судя по скрину — именно overallAmount.
    Просто элементов с этим классом на странице может быть несколько, а скрипт берет только первый, исходя из вопроса.
    Блин, сейчас напишу как циклом по всем пробежаться.

  • KorniloFF

  • Павел Корнилов, Как раз-таки надо в одном поменять эл-те. Если вставляю написанный код вообще ничего не изменяется, вот что странно. Ни первый, ни последний.

  • KorniloFF

    tr1ck1, быть такого не может. Уже пример на pen выложил — все работает, ошибок нет.
    Ну, а если нужно в конкретном поменять, но не в первом, то нужно его номер вхождения вычислить.

  • Павел Корнилов, Внутри я5c462002f318d947821785.jpeg все изменил без проблем, а вот тут почему-то не выходит.

  • KorniloFF

    Тут уже сложнее, если всё реально сделано правильно. Может, на сайте watcher какой висит, отслеживающий изменение значений и восстанавливающий дефолтные.

  • Павел Корнилов, Не, я внутри все изменил без проблем:
    document.querySelector(‘span.detailAmount’).textContent = ‘100 000.00 руб.’;
    document.querySelector(‘td.align-right’).textContent = ‘100 000.00 руб.’;
    document.querySelector(‘td.listItem’).textContent = ‘07.01’;

    А вот на главной что-то не выходит.

  • KorniloFF

    tr1ck1, должно получиться, если значения динамически не корректируются, как я написал выше.

  • Павел Корнилов, А можете удаленно через TW посмотреть? Если нужно, заплачу символически сколько-нибудь) Буду очень признателен.

  • KorniloFF

  • KorniloFF

  • Павел Корнилов, давайте завтра, если не разберусь. У меня предположение, что не изменяет, т.к. вкладов 3 шт и нужно указать конкретный, чтобы были изменения. Внутри же все в норме.

  • KorniloFF

    tr1ck1, привет! Опять, к сожалению, не вовремя.
    Напишите через обратную связь, там договоримся о времени.

Пригласить эксперта


Похожие вопросы


  • Показать ещё
    Загружается…

10 февр. 2023, в 23:26

6000 руб./за проект

10 февр. 2023, в 23:18

10000 руб./за проект

10 февр. 2023, в 21:23

2000 руб./за проект

Минуточку внимания

Название этой статьи может сбивать с толку. Во-первых, мы разъясняем, что постоянное изменение содержимого веб-страницы из браузера невозможно. Только владелец веб-сайта может редактировать контент из панели администратора веб-сайта и публиковать его в Интернете. Однако во многих ситуациях вы можете захотеть вставить заметку на действующую веб-страницу. Вы можете сделать снимок экрана с обновленным содержимым, чтобы его можно было использовать для обмена или в последующих справочных целях. Итак, здесь мы объясним, как редактировать содержимое веб-страницы онлайн в браузерах во временных целях.

Связанный: Как делать заметки в браузере онлайн?

2 способа редактирования содержимого веб-страницы в Интернете

Вы можете редактировать контент в Интернете двумя способами, используя инструменты разработчика. Эти методы будут работать во всех браузерах, и мы объясним здесь с помощью Google Chrome.

  1. Редактировать элементы как HTML
  2. Изменить от руки с помощью консольной команды

1. Редактировать элементы как HTML

Следуйте приведенным ниже инструкциям, чтобы отредактировать содержимое как элементы HTML.

  • Откройте веб-страницу, содержание которой вы хотите изменить, в Google Chrome.
  • Щелкните правой кнопкой мыши и выберите параметр «Проверить». Либо нажмите F12 на ПК с Windows, чтобы открыть консоль разработчика.
  • Используйте инструмент выбора элемента, чтобы выбрать элемент на странице, чтобы получить соответствующий HTML-код в консоли на вкладке «Элементы».
  • Щелкните правой кнопкой мыши выбранный элемент в консоли разработчика и выберите вариант «Редактировать как HTML».

Редактировать как HTML

Редактировать как HTML
  • Теперь добавьте любой контент, который хотите, используя тег абзаца HTML. Например, вставьте приведенный ниже код внутрь элемента :.
<p>This is a sample text i want to insert on this page.</p>
  • Вы можете использовать любой класс CSS, который уже используется для других элементов на странице с тегом абзаца. В нашем примере мы будем использовать класс цвета фона, используемый в существующем элементе абзаца.

Вставить элемент HTML

Вставить элемент HTML
  • После добавления элемента щелкните внешнюю область. Новый абзац мгновенно появится на веб-странице.

Добавлен новый контент

Добавлен новый контент

Как и при добавлении элементов, вы также можете удалить любые элементы, щелкнув их правой кнопкой мыши и выбрав опцию «Удалить элемент». Закройте инструмент разработчика и сделайте снимок экрана с обновленным содержимым.

2. Использование консоли консоли

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

  • Откройте консоль разработчика в Chrome или другом браузере.
  • Перейдите на вкладку «Консоль», вставьте приведенный ниже код и нажмите Enter.
document.body.contentEditable = true

Введите консольную команду

Введите консольную команду
  • Вы увидите, что в качестве возврата указано «истина».
  • Теперь вы можете удалять и добавлять любой контент прямо на веб-страницу.

Закройте окно консоли разработчика и измените содержимое веб-страницы в Интернете, чтобы добавить собственное содержимое.

Заключительные слова

Некоторые браузеры, такие как Edge, предлагают функцию аннотации для быстрого выделения важного содержимого при чтении. Однако редактирование содержимого веб-страницы в Интернете поможет вам добавить на страницу собственный текст или изображения. Вы можете сделать снимок экрана целиком и сохранить для справки в автономном режиме или вставить в любые документы. Обновленный контент будет доступен, пока вы не закроете браузер или не обновите веб-страницу.

Как изменить цифру через код элемента?

В браузере Google Chrome или Mozilla Firefox для этого достаточно нажать клавишу F12, в открывшейся форме найти интересующий элемент (как правило, это негативная оценка), удалить его и ввести с клавиатуры желаемые данные (например, положительную оценку).

Как изменить текст сообщения в ВК через код?

В полной версии ВК можно сделать так:

  1. Убедись, что курсор стоит в поле ввода и мигает (если нет — нажми пробел).
  2. Нажми стрелку вверх на клавиатуре ().
  3. Включится редактирование твоего последнего отправленного сообщения.
  4. Отредактируй сообщение и нажми Ввод (Enter).

Как сделать код элемента?

Рассматриваем вопрос о том, как посмотреть код элемента

  1. Переходим на сайт интересующего вебсайта в браузере Google Chrome.
  2. Выбираем «Просмотр кода страницы» или альтернативой является нажатие комбинации клавиш Ctrl+U. …
  3. Кликаем для поиска необходимого кода комбинацию Ctrl+F, вводим слово «keywords».

Как изменить код оценки в электронном дневнике?

Как изменить оценку в электронном дневнике законно? Для этого нужно обратиться к учителю и попросить дать шанс исправить отметку. Выполните его задание, чтобы педагог поставил соответствующий балл. Современные системы для ведения онлайн-журналов позволяют менять оценки и удалять уроки.

Можно ли исправить оценки за четверть в электронном дневнике?

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

Как исправить оценки в школьном портале?

В системе «Школьный портал» доступ к электронному журналу имеют только сотрудники образовательной организации. А значит, у обучающегося нет никакой технической возможности самостоятельно исправить свои оценки в электронном журнале или дневнике.

Как изменить цвет страницы в браузере?

Как изменить фон

  1. Откройте сайт в классической версии Google Сайтов на компьютере.
  2. В правом верхнем углу экрана нажмите на значок «Дополнительные действия» Управление сайтом.
  3. В меню слева выберите Темы, цвета и шрифты.
  4. Измените фон и нажмите Сохранить в верхней части страницы.

Как открыть код элемента?

комбинация клавиш Ctrl + Shift + I или правая кнопка мыши → «Просмотреть код» — удобная команда, чтобы посмотреть не весь исходный код страницы сразу, а код отдельных элементов на странице.

Как изменить цвет фона в HTML?

Цвет фона веб-страницы задается с использованием атрибута bgcolor тега . Цвет можно указывать в шестнадцатеричном значении или по его имени. Несмотря на то, что для фона можно указывать любой цвет, на большинстве сайтов используются преимущественно белый фон и черные буквы, как наиболее устоявшийся вариант.

Как сохранить изменения в html файле?

Для сохранения HTML и JavaScript, нужно нажать Ctrl +S, а затем обновить окно браузера. Вы также можете кликнуть правой кнопкой мыши по вкладке нужного файла и выбрать в контекстном меню пункт Save as, чтобы сохранить копию файла в другом месте.

Как сохранить как HTML?

html в текстовом редакторе Блокнот.

  1. В меню Блокнота выбрать пункт «Сохранить как».
  2. В поле «Имя файла» сразу же после названия файла поставить точку, а после нее — нужное расширение (в нашем случае это html). Точка должна быть одна, пробелы после нее — отсутствовать (см. изображение).
  3. Нажать кнопку «Сохранить».

Как скопировать HTML код с сайта?

Это банальный способ, но это самый простой способ сделать это. Выберите тег html> в элементах. Сделайте CTRL-C.

Сделать следующее:

Как удалить оценку из электронного дневника без следа и следствия

BY

Не знаете, как навсегда удалить оценку из электронного дневника? Существует 4 способа, у каждого из которых есть свои нюансы:

  1. Можно удалить через исходный код документа в браузере. По желанию, оценку не удаляют, а исправляют на более высокую. Минус метода в том, что изменения коснутся лишь вашего экрана, и только до обновления страницы. Формально, старая отметка останется. Способ пригодится, если родители просят показать дневник срочно, а вы еще не успели исправить двойку (прикрыть ее пятеркой). Данный метод не подойдет тем, кто ищет, как удалить оценку в ЭЖД навсегда.
  2. Самым отчаянным можно решиться на обман учителя. Просто выманите его из класса, отвлеките, а ваши подельники в это время смогут удалить оценку навсегда. Сработает, если у препода нет привычки постоянно разлогиниваться. Еще, можно попытаться раздобыть логин и пароль от учительского аккаунта;
  3. Если ученик соображает в IT, он может взломать сервера электронной платформы, на которой базируется ЭЖД, и навсегда удалить из своего дневника все, что угодно. Вопрос в другом – если ребенок так умен, что «шарит» в таких вещах, стоит ли ему париться из-за одной плохой оценки?
  4. Последний вариант – заплатить за взлом профессиональным хакерам. Стоит такая услуга недешево. К тому же всегда остается риск, что вас обманут. Зато если попадутся честные взломщики, отметку удалят навсегда.

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

Кто-то имел два дневника: один для родителей, с пятерками, другой для учителей, с настоящими оценками. Другие пользовались ластиками, стирающими ручку. Правда, ни одного нормального, который бы «работал» без следа, мы не встречали. Более отчаянные решались на кражу классного журнала. Однако, у большинства преподов была дублирующая тетрадка, из которой они без труда восстанавливали отметки.

Еще, дети «теряли» дневники, подрисовывали в классном журнале оценки, оттачивали мастерство подделки учительской подписи и т.д. Все это – в эпоху бумажных школьных документов.

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

Кто может удалять и исправлять оценки в ЭЖД навсегда?

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

Официальное право удалить промежуточную или триместровую оценку в ЭЖД имеет только преподаватель, ее туда поставивший. Или учебный совет школы/ВУЗа, но только после жалобы ученика и тщательного изучения ситуации. К слову, решение редко принимается в пользу учащегося.

Взлом электронного дневника является преступлением, примерно, как взлом чужой квартиры или сейфа. Ни ученики, ни их родители не имеют права исправлять отметки в электронном журнале. Юридически, данное действие квалифицируется, как кража или умышленная порча цифровых документов. Ответственность за это предусмотрена соответствующая.

Конечно, в тюрьму не посадят, но дисциплинарное замечание в личное дело ребенок получит. В особых ситуациях могут и из школы выкинуть. Словом, тщательно взвешивайте все ЗА и ПРОТИВ.

Как навсегда удалить плохую оценку из электронного дневника?

Итак, надеемся вы поняли, легально навсегда удалить 2 в электронном дневнике нельзя. Если вы готовы пойти на запрещенные меры, изучайте инструкции ниже.

Исправляем оценки в электронном дневнике временно

Итак, мама требует показать электронный дневник. У вас осталось 5 минут до страшного наказания. Потратьте их вот на что:

  • Быстро откройте страницу электронного дневника с оценками;
  • Выделите нужную строку или отметку;
  • Щелкните на экране правой кнопкой мыши и выберите «Просмотреть код страницы» («Исходный код выделенного фрагмента» и т.д., зависит от браузера);
  • Откроется панель с кодом документа. В выделенной строке найдите цифру своей отметки и исправьте ее. Или полностью удалите строчку;

  • Нажмите клавишу Enter;
  • Готово. Можно звать маму.

Имейте ввиду, на самом деле отметка никуда из дневника не делась. Вы просто убрали ее с данного экрана. Если мама обновит страницу, злополучная двойка вернется на круги своя.

Удаляем через аккаунт учителя

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

Можно поступить так:

  1. Взломать его аккаунт в электронной системе;
  2. Выведать его логин и пароль, а дальше – навсегда удалить отметку от его имени;
  3. Выманить препода из класса, пробраться к его компу и навести в электронном журнале «порядок».

Выбирайте свой способ.

Рассмотрим, как удалить оценку в ЭЖД учителю (или кому-то от его лица). Технология проста:

  • Открываете нужную страницу электронного дневника;
  • Нажимаете на плохую отметку;
  • В развернувшемся окне кликаете на крестик справа от оценки;
  • Удаление возможно и в быстром режиме: с помощью кнопки Delete/Backspace на клавиатуре;
  • Готово, плохая запись навсегда исчезла из электронного журнала.

Как взломать электронный дневник?

Самый кардинальный ответ на вопрос как навсегда удалить двойку из электронного дневника – взломать платформу. Если умеете сами – дерзайте. Или заплатите профессионалам. В сети полно объявлений с подобными предложениями. Минимальная ставка – 5 тысяч рэ.

Мы рекомендуем не идти на крайние и непоправимые меры. Плохую оценку лучше исправить. Попробовать договориться с учителем о пересдаче, постараться отлично сдать следующую тему, подтянуться по предмету. Сделать все возможное, чтобы эта двойка не сильно повлияла на итоговый балл.

Если вдуматься, что такое плохая оценка? Это свидетельство вашей успеваемости. Демонстрация актуальной ситуации. Даже если сейчас удалить двойку навсегда и удалось, завтра вы снова ее получите, ведь учиться лучше не стали. Получается, медвежья услуга самому себе.

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

Содержание

  • 1 На компьютере
  • 2 На телефоне
  • 3 Читайте дальше:
    • 3.1 Xakep #249. Wi-Fi

Просмотр html кода странице в браузере позволяет изменить содержимое сайта. Вы можете изменить расположение текста, сделать его жирнее, разукрасить по-своему или же добавить необходимый фон. Также, если вы уже опытный пользователь, то будет полезным посмотреть некоторые страницы с исходным кодом. Это позволяет практиковаться в таких профессиях как веб программист и веб-дизайнер. Разберемся далее, как изменить html код страницы в яндекс браузере.

На компьютере

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

Для того, чтобы изменить html код, следует сделать следующие:

  1. Для начала открываем в новой вкладке тот сайт, в котором нужно редактировать код страницы. Далее кликаем на три линии сверху и выбираем дополнительно.1-1024x554.png
  2. Затем открываем вкладку «Дополнительные инструменты», после чего выдвигается новое меню.  2-1024x554.png
  3. Затем выбираем «Консоль JavaScript» или «Инструменты разработчика». Также, как вы могли заметить, вы можете открыть html код страницы быстрее, при помощи сочетания клавиш «Ctrl+Shift+J». 3-e1556959290596-771x1024.png
  4. Далее перед нами открывается консоль с различными функциями. Нам требуется выбрать вкладку «Elements».  Именно в этом меню находится редактор, в котором вы можете изменить код страницы по своему усмотрению. 4-1024x503.png
  5. Найдите тег внутри который нужно изменить код и кликните по нему правой кнопкой мыши. В меню выберите Edit as HTML.5-1.png
  6. Теперь вы можете редактировать код страницы.6-1.png

Также стоит знать, что каждый сайт строится на языке программирования html, и если вы хотите создать свой сайт, то следует разобраться в этом языке. С виду это всё выглядит как сплошной и непонятный текст, однако здесь всё логично и понятно, если в этом разобраться.

На телефоне

Официально изменить код элемента в яндекс браузере на телефоне невозможно, единственное, что вы можете сделать, так это посмотреть код страницы. Его можно открыть при помощи ввода функции «view-source: ссылка сайта» в строку запроса.6.png

Теперь вы знаете как поменять html код страницы в яндекс браузере. Откройте консоль в браузере и перейдите в блок команд «Elements», в котором расположена вся информация о сайте в коде.

Поправить текст отлаживаемой веб-страницы можно прямо в браузере не прибегая к правкам HTML-кода. Предлагаю познакомиться с мощной возможностью консоли для редактирования содержимого страницы. Инструмент будет полезен вебмастерам, копирайтерам и маркетологам.

При работе с контентом на сайте часто требуется вносить изменения или править различные текстовые блоки прямо на странице. В большинстве случаев это можно сделать через выделение элемента и правку в коде.

Однако существует специальная команда document.designMode = 'on' которая позволяет окно браузера с содержимым страницы с легкостью превратить в текстовый редактор.

That feeling when you first discovered `document.designMode` pic.twitter.com/bxA1otzCjN

— Tomek Sułkowski (@sulco) September 27, 2019

Для вызова команды вам потребуется произвести несколько несложных действий:

  1. Откройте на нужной странице консоль администратора (вызывается нажатием клавиши F12 или Ctrl+Shift+I);
  2. В появившемся окне выберите вкладку консоль;
  3. Укажите команду document.designMode = 'on';
  4. Далее нажмите Enter и приступайте к изменению контента на странице — установите курсор в нужном фрагменте текста и вносите любые правки.

console-designmode.jpg

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

Для чего будет полезна команда:

  1. изменять тексты и подменять данные на сайте;
  2. тестировать различные текстовые блоки и элементы — заголовки, лид-параграфы, абзацы, врезки, сноски;
  3. проверять различные форматы написания текста и быстро принимать решения;
  4. быстро править тексты и отправлять скриншоты заинтересованным участникам — разработчикам, копирайтерам или дизайнерам;
  5. создавать фейковые скриншоты с содержимым страницы.

Если вам интересно узнать больше о возможностях консоли администратора Chrome, то рекомендую посмотреть запись Chrome Dev Summit 2016.

Хотите еще больше похожих выступлений? Посетите официальную страницу саммита. Здесь вы найдете ссылки на записи других выступлений за все предыдущие года.

Надеюсь, материал оказался полезным. Обязательно пишите ваши комментарии или делитесь ссылкой на статью с коллегами и друзьями.

Сохраните ссылку

Читайте дальше:

ava.pngКонстантин БулгаковРасскажите о ваших задачах, а я найду для вас решения. Напишите на почту или скачайте презентацию. —> ✉ Подпишитесь на статьи🎉 Поблагодарить автора —> Поддержите автораРекомендуем почитать:249-210x280.jpg

Xakep #249. Wi-Fi

Читаете тексты в интернете и постоянно встречаете фразы и слова, которые вас раздражают? Теперь это не проблема. Расширение FoxReplace к браузеру Firefox заменяет текст на любой веб-странице в соответствии с заданными правилами. Для своей задачи оно гораздо удобнее, чем продвинутые универсальные инструменты вроде Greasemonkey. Здесь процедура внесения правок до безобразия простая: указываете какое слово заменить каким — и готово. Например, везде менять фразу “Google Chrome” на “Хром”.

000.png#26759185

FoxReplace подходит для автоматической замены слов с одного языка на другой. Или для стёба над ненавистными компаниями или людьми. Можно просто заменить настоящее наименование фирмы на произвольное слово или фразу. Никто не увидит этого, кроме вас, и не подаст в суд за оскорбление личности или хулиганство. Фактически, вы даже не нарушаете закон, если делаете это на своём личном компьютере, а не на публичном форуме в интернете. А моральное удовлетворение даже больше, когда видишь «истинный» эпитет по отношению к объекту насмешки на странице официального СМИ или какого-нибудь серьёзного сайта.

Хотя базовая функциональность FoxReplace довольно проста, но расширение поддерживает и более продвинутые функции. Здесь можно составлять скрипты, заменять текст по маске, модифицировать URL’ы и скрипты на веб-страницах.

Кстати, для Chrome или Opera подобных расширений, вроде бы, не существует, так что пользователям Firefox есть чем гордиться.

Используемые источники:

  • https://ya-browsers.ru/nastrojki/kak-izmenit-html-kod-stranitsy-v-yandeks-brauzere
  • http://konstantinbulgakov.com/post/6146
  • https://xakep.ru/2014/06/18/62652/

HTML

<!DOCTYPE html>
<html lang=»ru»>
<head>
<meta charset=»utf-8″>
<link rel=»stylesheet» href=»setting.css»>
<link rel=»stylesheet» href=»style.css»>
<title>FlashNews!</title>
</head>

<body class=»page light-theme»>
<header class=»page-header»>
<div class=»container»>
<a class=»header-link» href=»#»>На главную</a>
<button class=»theme-button» type=»button»>Изменить тему</button>
</div>
</header>

<main class=»inner-main»>
<div class=»container»>
<h1 class=»inner-heading»>Подпишитесь на нашу рассылку</h1>
<p class=»subscription-message»>Обещаем присылать вам новости не чаще одного раза в день, причём только самые интересные и важные.</p>

<form action=»https://echo.htmlacademy.ru/courses» method=»post» class=»subscription»>
<div class=»subscription-inner»>
<label class=»subscription-label» for=»subscription-email»>email</label>
<input type=»email» class=»subscription-email» placeholder=»keks@flashnews.ru» value=»» required id=»subscription-email»>
</div>

<button class=»button subscription-button» type=»submit»>Подписаться</button>
</form>

<section class=»news-list list-tiles-view»>
<h2 class=»news-list-heading»>Или почитайте ещё немного новостей</h2>
<article class=»new-block»>
<img src=»img/new-graph.jpg» alt=»Новая библиотека»>
<div class=»new-block-text»>
<h3>Новая библиотека для создания графиков</h3>
<p>Теперь вы можете создать дашборд за считанные секунды.</p>
<time datetime=»2019-10-16″>16 октября 2019</time>
</div>
</article>
<article class=»new-block»>
<img src=»img/new-robot.jpg» alt=»Что там у роботов?»>
<div class=»new-block-text»>
<h3>Что там у роботов?</h3>
<p>В робототехнике происходит много интересного, эта новость могла бы быть об этом, но нет.</p>
<time datetime=»2019-10-15″>15 октября 2019</time>
</div>
</article>
</section>
</div>
</main>

<footer class=»page-footer»>
<div class=»container»>
<p>© FlashNews!</p>
<a class=»footer-logo»>
<img src=»img/white-logo.svg» alt=»Логотип портала FlashNews!»>
</a>
</div>
</footer>
<script src=»script.js»></script>
</body>
</html>

Понравилась статья? Поделить с друзьями:

Читайте также:

  • Как изменить число на картинке
  • Как изменить число на календаре на телефоне
  • Как изменить число качаний шсну
  • Как изменить число качаний балансира станка качалки
  • Как изменить число знаков после запятой excel

  • 0 0 голоса
    Рейтинг статьи
    Подписаться
    Уведомить о
    guest

    0 комментариев
    Старые
    Новые Популярные
    Межтекстовые Отзывы
    Посмотреть все комментарии