Как просмотреть исходный код в Chrome? (2 метода) [Новости MiniTool]
How View Source Code Chrome
Резюме :

Просмотр исходного кода страницы в Chrome - хороший способ получить некоторые полезные идеи дизайна веб-страниц. В этом посте от Программное обеспечение MiniTool , мы в основном поговорим о том, как просматривать исходный код в Chrome двумя разными способами. Мы надеемся, что это будет вам полезно.
Просмотр исходного кода страницы - хороший способ развить свой уровень веб-дизайна, если вы работаете в веб-индустрии. Вы можете получить навыки на отличной веб-странице. Кроме того, даже если вы не являетесь веб-дизайнером, если вас интересует источник страницы, вы также можете просмотреть источник страницы, чтобы получить некоторую информацию, которую вы не видите на веб-странице.
Тогда как просмотреть исходный код страницы? Вы можете задать этот вопрос. Google Chrome - самый широко используемый веб-браузер во всем мире. В этом посте мы покажем вам, как просматривать исходный Chrome.
Советы и хитрости Google Chrome для победы: полезно и удобно В этом посте мы покажем вам несколько полезных и удобных советов и приемов Google Chrome, с помощью которых вы сможете выполнять свою работу намного быстрее.
Читать большеКак просмотреть исходный код в Chrome
Открыть и просмотреть исходный код страницы в Chrome очень просто. Вот руководство:
1. Откройте веб-страницу, исходный код которой вы хотите просмотреть, с помощью Google Chrome.
2. Щелкните страницу правой кнопкой мыши (не переходите по ссылке), и появится всплывающее меню.
3. Выберите Просмотреть исходный код страницы из меню. Здесь вы можете увидеть, что есть ярлык для просмотра исходного кода страницы: Ctrl + U . Это означает, что после доступа к целевой веб-странице вы можете нажать кнопку Ctrl ключ и U нажмите одновременно, чтобы открыть и просмотреть исходный код Chrome. В то время как, если вы используете компьютер Mac, вам нужно нажать Command + Option + U для открытия и просмотра исходного кода страницы в Chrome.

4. Появится новая вкладка с исходным кодом для этой веб-страницы.

Это исходные коды, которые вы хотите просмотреть в Google Chrome.
Сочетания клавиш для веб-браузеров, о которых вы должны знать Использование сочетаний клавиш для веб-браузеров может сэкономить вам много времени. В этом посте мы покажем вам некоторые распространенные сочетания клавиш для веб-браузеров.
Читать большеДополнительно: инструменты разработчика
Чтобы получить дополнительную информацию об исходном коде веб-страницы в Chrome, вы также можете использовать инструменты разработчика в Chrome. Эти инструменты позволяют вам видеть элементы, консоль, источники, сеть и дополнительную информацию на этой веб-странице.
Вот что вам следует сделать:
1. Откройте целевую веб-страницу в Chrome.
2. Щелкните меню из трех точек, которое находится в верхней правой части интерфейса.
3. Перейти к Дополнительные инструменты> Инструменты разработчика .

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

В разделе «Элемент», когда вы перемещаете курсор на CSS, инструменты разработчика могут выделять элемент выбора на соответствующей HTML-странице. Этот дизайн особенно полезен, когда вы хотите получить информацию о конкретной части созданной веб-страницы.
Законно ли просматривать исходный код страницы в Chrome?
Читая здесь, вы можете задать вопрос: законно ли просматривать исходный код страницы в Google Chrome? В конце концов, эти источники - коды от других.
Мы считаем, что многие веб-дизайнеры сделали это. Просмотр исходного кода страницы в Chrome является законным. Можно также использовать эти коды для создания похожей страницы. Но оставлять коды нетронутыми в вашей работе незаконно. Вы можете использовать их для справки, но не можете заниматься плагиатом.
![[Решено] Не удается запустить командную строку от имени администратора Windows 10 [Новости MiniTool]](https://gov-civil-setubal.pt/img/minitool-news-center/39/cant-run-command-prompt.png)

![Как обновить геймпад Xbox One? 3 метода для вас! [Новости MiniTool]](https://gov-civil-setubal.pt/img/minitool-news-center/36/how-update-xbox-one-controller.png)
![[Исправлено!] Исправление ошибок диска Это может занять час Win 10 11](https://gov-civil-setubal.pt/img/backup-tips/06/fixed-repairing-disk-errors-this-might-take-an-hour-win-10-11-1.png)
![5 способов исправить ошибку BSOD Intelppm.sys при запуске [Новости MiniTool]](https://gov-civil-setubal.pt/img/minitool-news-center/28/5-ways-fix-intelppm.png)
![Что такое Солюто? Следует ли мне удалить его с моего ПК? Вот руководство! [Новости MiniTool]](https://gov-civil-setubal.pt/img/minitool-news-center/60/what-is-soluto-should-i-uninstall-it-from-my-pc.png)




![Каковы системные требования Overwatch [обновление 2021] [Советы по MiniTool]](https://gov-civil-setubal.pt/img/backup-tips/00/what-are-overwatch-system-requirements.png)

![[5 способов] Как создать USB-накопитель для восстановления Windows 7 без DVD / CD [Советы по MiniTool]](https://gov-civil-setubal.pt/img/backup-tips/44/how-create-windows-7-recovery-usb-without-dvd-cd.jpg)

![Лучшие исправления для копирования и вставки, которые не работают на вашем компьютере [Новости MiniTool]](https://gov-civil-setubal.pt/img/minitool-news-center/02/best-fixes-copy.png)
![Диск с историей файлов отключен Windows 10? Получите полные решения! [Советы по MiniTool]](https://gov-civil-setubal.pt/img/backup-tips/21/file-history-drive-disconnected-windows-10.jpg)

![Как принудительно завершить работу на ПК | Принудительно закрыть приложение Windows 10 тремя способами [Новости MiniTool]](https://gov-civil-setubal.pt/img/minitool-news-center/99/how-force-quit-pc-force-quit-app-windows-10-3-ways.jpg)
![Решено: средство просмотра фотографий в Windows 10 медленно открывается или не работает [Новости MiniTool]](https://gov-civil-setubal.pt/img/minitool-news-center/12/solved-windows-10-photo-viewer-is-slow-open.png)
![4 решения проблемы перетаскивания в Windows 10 [Новости MiniTool]](https://gov-civil-setubal.pt/img/minitool-news-center/12/4-solutions-drag.png)