馃幆 诪讟专讜转 讛诇诪讬讚讛
- 诇讛讘讬谉 讻讬爪讚 诇爪驻讜转 讘讘拽砖讜转 讜转讙讜讘讜转 HTTP 讘讝诪谉 讗诪转 讘讗诪爪注讜转 讻诇讬 讛驻讬转讜讞 砖诇 讛讚驻讚驻谉
- 诇讛讻讬专 讗转 诇砖讜谞讬转 Network 讘讻诇讬 讛驻讬转讜讞 砖诇 Chrome
- 诇讝讛讜转 讗转 诪专讻讬讘讬 讛讘拽砖讛 讜讛转讙讜讘讛 讻讜诇诇 Headers, Status Code 讜-Cookies
- 诇讛讘讬谉 讗转 诪讘谞讛 讛-URL 讻讜诇诇 Authority 讜-Path
讞诇拽 1: 驻转讬讞转 讻诇讬 讛驻讬转讜讞
讛住讘专
讻诇讬 讛驻讬转讜讞 砖诇 讛讚驻讚驻谉 诪讗驻砖专讬诐 诇专讗讜转 讗转 讻诇 讛讘拽砖讜转 讜讛转讙讜讘讜转 砖诪转专讞砖讜转 诪讗讞讜专讬 讛拽诇注讬诐 讘注转 讙诇讬砖讛 讘讗转专. 谞砖转诪砖 讘-Chrome DevTools 讻讚讬 诇专讗讜转 HTTP 讘驻注讜诇讛.
拽讜讚 / 转爪讜专讛
# Mac:
Command + Option + J
# Windows:
Alt + Ctrl + J
# Alternative: Right-click anywhere on the page -> Inspect
谞拽讜讚讜转 诪驻转讞
- 谞讬转谉 诇驻转讜讞 讗转 讻诇讬 讛驻讬转讜讞 讘讻诇 讚驻讚驻谉 诪讘讜住住 Chromium
- 诇讞讬爪讛 讬诪谞讬转 注诇 讛注诪讜讚 讜讘讞讬专讛 讘-Inspect 讛讬讗 讚专讱 谞讜住驻转 诇驻转讬讞转 讛讻诇讬诐
- 讻诇讬 讛驻讬转讜讞 诪爪讬讙讬诐 诪讬讚注 专讘 注诇 讛注诪讜讚 讻讜诇诇 HTML, CSS, JavaScript 讜转注讘讜专转 专砖转
讞诇拽 2: 诇砖讜谞讬转 Network
讛住讘专
诇砖讜谞讬转 Network 诪爪讬讙讛 讗转 讻诇 讛讘拽砖讜转 砖讛讚驻讚驻谉 砖讜诇讞 讜讗转 讛转讙讜讘讜转 砖诪转拽讘诇讜转. 讞砖讜讘 诇讘讟诇 讗转 讛-Cache 讻讚讬 诇专讗讜转 讘拽砖讜转 讗诪讬转讬讜转 讜诇讗 拽讘爪讬诐 砖谞砖诪专讜 诪拽讜诪讬转.