Како уредити било коју веб страницу у Цхроме-у (или било ком прегледачу)

Веб странице су само документи које приказује ваш веб прегледач. Али шта ако бисте могли да куцате директно на било којој веб страници да бисте је изменили? Можете и није вам потребан додатак за прегледач - то је функција уграђена у сваки савремени прегледач.

Ова функција користи предност функције „доцумент.десигнМоде“, коју можете да омогућите путем ЈаваСцрипт конзоле веб прегледача. Недавно га је истакао Томек Суłковски на Твитеру, али је тако кул да га морамо поделити са читаоцима.

Ову функцију можете користити за чишћење веб странице пре него што је одштампате, тестирање како ће изгледати промене на веб страници или чак само подвале људи. Биће то попут уређивања Ворд документа - није потребно петљање са ХТМЛ-ом.

Да бисте активирали ову функцију, посетите веб страницу, а затим отворите конзолу за програмере. Да бисте отворили конзолу у Гоогле Цхроме-у, кликните на мени> Море Тоолс> Девелопер Тоолс или притисните Цтрл + Схифт + и.

Иако овде користимо Цхроме као пример, ова функција ради и у другим модерним прегледачима. Ево како да отворите конзолу у другим прегледачима:

  • У Мозилла Фирефок-у кликните на мени> Веб Девелопер> Веб Цонсоле или притисните Цтрл + Схифт + К.
  • У програму Аппле Сафари кликните Сафари> Преференцес> Адванцед и омогућите „Прикажи мени за развој на траци менија“. Затим кликните Развити> Прикажи ЈаваСцрипт конзолу.
  • У програму Мицрософт Едге кликните мени> Више алата> Алати за програмере или притисните Ф12, а затим кликните картицу „Конзола“.

Кликните картицу „Конзола“ на врху панела Девелопер Тоолс. Укуцајте следеће у конзолу и притисните Ентер:

доцумент.десигнМоде = 'укључено'

Сада можете да затворите конзолу, ако желите, и уредите тренутну веб страницу као да се може уређивати. Кликните негде да бисте уметнули курсор и укуцали текст. Користите тастере Бацкспаце или Делете да бисте уклонили текст, слике и друге елементе.

Ово само мења начин на који се веб страница приказује у вашем прегледачу. Чим освежите страницу, поново ћете видети оригинал. Ако одете на другу веб страницу или картицу, она неће бити у режиму дизајна док не отворите конзолу и још једном откуцате ову линију.

Можете чак да се вратите у конзолу и покренете следећу команду да бисте искључили режим дизајна:

доцумент.десигнМоде = 'искључено'

Веб страницу више нећете моћи уређивати, али ваше промене ће бити сачуване док следећи пут не освежите страницу.


$config[zx-auto] not found$config[zx-overlay] not found