Жоден жартівник не відмовиться від можливості тимчасово змінити спосіб відображення сайту на комп'ютері, не кажучи вже про безліч практичних застосувань, які ця можливість відкриває. Які б цілі ви не переслідували-жартівливі, утилітарні або, не дай бог, шкідливі, — змінити відображення сайту досить просто.
Кроки
Метод1З 3:
Уявне редагування сайту через панель закладок браузера
Метод1З 3:
- Знайдіть посилання на букмарклет, що змінює поточний сайт. найпростіший спосіб зробити це-ввести в Google запит « "змінити поточний сайт букмарклет" (без лапок). Знайдіть відповідне посилання серед результатів пошуку. [1]
- Перетягніть її на панель закладок. відредагуйте сайт, на якому ви знайшли посилання. Для цього просто клацніть по ній або перетягніть на панель закладок. Це дозволить вам використовувати посилання на будь-якому сайті.
- Використовуйте посилання. відкрийте сторінку, яку хочете змінити, і натисніть на закладку. І хоча це не принесе помітного ефекту, тепер ви зможете відкрити програмний код сторінки і відредагувати його на свій розсуд. [2]
Метод2З 3:
Уявне редагування сайті в Chrome
Метод2З 3:
- Знайдіть текст або фотографію, яку хочете змінити. відкрийте сторінку в Chrome, яку хочете відредагувати. Якщо ви хочете відредагувати текст, виділіть слова, які хочете змінити, і клацніть по ним правою кнопкою миші. Якщо ви хочете відредагувати фотографію, просто клацніть по ній правою кнопкою миші. [3]
- Щоб відредагувати фотографію, вам потрібно буде завантажити інше фото і замінити на нього поточне. Для цього вам потрібно замінити URL-адресу у вихідному коді новою URL-адресою.
- Відкрийте інспектор коду. клацніть правою кнопкою миші на сторінці, щоб відобразити контекстне меню. Натисніть на "Переглянути код". Всередині поточної сторінки відкриється нове вікно з HTML кодом. [4]
- Якщо ваш комп'ютер працює під керуванням ОС Windows, відкрийте інспектор коду, натиснувши F12.
- Знайдіть текст, який хочете змінити, в Інспекторі коду. Текст, виділений в Інспекторі, буде виділений і на вихідному сайті. При редагуванні зображення в Інспекторі буде виділено великий фрагмент тексту з підкресленою URL-адресою в кінці.
- Змініть код. Якщо ви хочете змінити текст, просто відредагуйте виділені слова. Якщо ви хочете змінити фотографію, замініть посилання на фото іншим посиланням, не торкаючись іншої частини коду.
- Якщо ви зробите помилку, натисніть Command+Z на Mac або Control+Z на Windows, щоб скасувати зміну.
- Завершіть редагування. натисніть "Enter" і закрийте інспектор коду. Тепер на сторінці сайту буде відображений текст або зображення, яке ви додали. Природно, сама сторінка не була відредагована, і при її оновленні всі внесені вами зміни пропадуть.
Метод3З 3:
Уявне редагування сайту в Safari
Метод3З 3:
- Увімкніть меню "Розробка". Натисніть на меню «Safari» у верхній частині екрана. Виберіть "Налаштування«, а потім» Доповнення «з меню у верхній частині вікна»Налаштування". Установіть прапорець поруч із параметром "показувати меню" Розробка "у рядку меню" у нижній частині вікна. Меню "Розробка «з'явиться в рядку меню між опціями» Закладка «і»вікно". [5]
- Знайдіть текст або фотографію, яку хочете змінити. перейдіть на сторінку, яку хочете відредагувати. Якщо ви хочете відредагувати текст, виділіть слова, які хочете змінити, і клацніть по ним правою кнопкою миші. Якщо ви хочете відредагувати фотографію, просто клацніть по ній правою кнопкою миші.
- Щоб відредагувати фотографію, вам потрібно буде завантажити інше фото і замінити на нього поточне. Для цього вам потрібно замінити URL-адресу у вихідному коді новою URL-адресою.
- Відкрийте інспектор коду. клацніть по сторінці правою кнопкою миші, щоб відобразити контекстне меню. Натисніть на "дослідити елемент". Всередині поточної сторінки відкриється нове вікно з HTML кодом.
- Вікно "Переглянути код «можна також відкрити, розкривши меню» розробка «і вибравши пункт»Підключити веб-інспектор". Знайдіть шуканий текст, натиснувши Command + F на Mac або Control + F в Windows і ввівши текст, який хочете змінити. Варто відзначити, що це більш обхідний шлях, ніж попередній спосіб.
- Щоб відкрити інспектор коду, використовуйте поєднання клавіш Alt+Command+I на Mac або клавішу F12 на Windows.
- Змініть код. якщо ви хочете змінити текст, просто відредагуйте виділені слова. Якщо ви хочете змінити фотографію, замініть посилання на фото іншим посиланням, не торкаючись іншої частини коду. [6]
- Якщо ви зробите помилку, натисніть Command + Z на Mac або Control + Z на Windows, щоб скасувати зміну.
- Завершіть редагування. Натисніть "Enter" і закрийте інспектор коду. Тепер на сторінці сайту буде відображений текст або зображення, яке ви додали. Природно, сама сторінка не була відредагована, і при її оновленні всі внесені вами зміни пропадуть.
Джерела
- ↑ Http://www.labnol.org/internet/design/edit-web-pages-like-wiki/3832
- ↑ Http://inspectelement.com/articles/10-useful-bookmarklets-for-web-designers-and-developers
- ↑ Https://www.youtube.com/watch?v=M-iYQU2UvJA
- ↑ Https://developers.google.com/web/tools/iterate/inspect-styles/basics
- ↑ Http://hints.macworld.com/article.php?story=20110328132622709
- ↑ Http://apple.stackexchange.com/questions/139767/inspect-element-in-safari