چه باید بدانیم
-
در سافاری: روی یک صفحه وب کلیک راست کرده و Inspect Element را انتخاب کنید.
- در Chrome، می‌توانید روی Inspect کلیک راست کرده و کلیک کنید.
- برای فعال کردن ویژگی در Safari: Safari > Preferences > > Advanced3 643 بررسی کنید نمایش منوی توسعه در نوار منو کادر.
این مقاله به شما می آموزد که چگونه عنصر یک وب سایت را در مک بررسی کنید. به نحوه انجام این کار از طریق سافاری و گوگل کروم می پردازد.
چگونه از ویژگی Inspect Element در Mac استفاده می کنید؟
قبل از بررسی عناصر در Mac هنگام استفاده از Safari، باید منوی توسعه دهنده را در مرورگر فعال کنید. در اینجا نگاهی به نحوه روشن کردن آن و کارهایی که برای بازرسی یک عنصر باید انجام دهید، آمده است.
اگر می توانید Develop را بین نشانک ها و پنجره ببینید، منوی برنامه نویس قبلاً فعال شده است، و می توانید به مرحله 4 بروید.
استفاده از ویژگی Inspect Element در Safari
در اینجا نحوه استفاده از Inspect Element در Safari، مرورگر پیش‌فرض رایانه‌های Mac آمده است.
-
در Safari، روی Safari > Preferences کلیک کنید.
Image -
Advanced را کلیک کنید.
Image -
نمایش منوی توسعه را در نوار منو کلیک کنید سپس پنجره را ببندید.
Image - هنگام مرور یک وب سایت، روی موردی که می خواهید بررسی کنید کلیک راست کنید.
-
Inspect Element را کلیک کنید.
Image -
اکنون می توانید کد پشت وب سایتی را که بازرسی کرده اید مشاهده کنید.
Image
استفاده از ویژگی Inspect Element در Chrome در Mac
اگر از Chrome به جای Safari در Mac خود استفاده می کنید، مشاهده یک عنصر حتی ساده تر است زیرا نیازی به فعال کردن این ویژگی نیست. این چیزی است که باید انجام دهید.
- در Chrome، به یک وب سایت مرور کنید.
- روی عنصری که می خواهید بررسی کنید کلیک راست کنید.
-
Inspect را کلیک کنید.
Image -
اکنون می توانید کد را در یک پنجره جانبی در Chrome مشاهده کنید.
Image
چرا نمی توانم در Mac خود بازرسی کنم؟
اگر منوی Developer را در Safari فعال نکرده باشید، ممکن است نتوانید عنصری را در Mac خود بررسی کنید. در اینجا یادآوری نحوه انجام آن است.
-
در Safari، روی Safari > Preferences کلیک کنید.
Image -
Advanced را کلیک کنید.
Image -
نمایش منوی توسعه را در نوار منو کلیک کنید سپس پنجره را ببندید.
Image
چگونه با بررسی عنصر وب سایت را تغییر دهیم
علاوه بر اینکه به شما امکان می دهد کد را در یک وب سایت مشاهده کنید، امکان تغییر موقت هر عنصر وب سایت از طریق Inspect Element نیز وجود دارد. در اینجا نحوه انجام این کار از طریق سافاری آمده است.
روند در سایر مرورگرها بسیار شبیه است.
- هنگام مرور یک وب سایت، روی موردی که می خواهید بررسی کنید کلیک راست کنید.
- Inspect Element را کلیک کنید.
- روی متن موجود در کد دوبار کلیک کنید تا قابل ویرایش شود.
- آن را حذف کنید یا یک رشته متن جدید وارد کنید.
- روی Enter ضربه بزنید.
- کد اکنون به طور موقت فقط به نفع شما تغییر کرده است.
چرا می خواهید از ویژگی Inspect Element استفاده کنید؟
توانایی بازرسی یک عنصر به دلایل زیادی مفید است.
- برای تغییر کد در لحظه. طراحان وب سایت می توانند به طور موقت همه چیز را در یک وب سایت تغییر دهند تا ببینند این تغییرات چگونه روی چیزها تأثیر می گذارد.
- برای بررسی کد. هم طراحان و هم افراد بازاریابی می توانند کد را بررسی کنند تا تأیید کنند مواردی مانند جزئیات Google Analytics وجود دارد.
- برای مشاهده تصاویر جداگانه از یک سایت. اگر سایتی به شما اجازه نمی دهد تصویری را در یک برگه یا پنجره جدید باز کنید، مشاهده عنصر این امکان را فراهم می کند.
-
Tinker. دیدن کد یک صفحه وب می‌تواند به شما در درک آنچه می‌بینید کمک کند و رمز و راز چیستی و چرایی سایتی که در آن هستید را از بین ببرد. مانند این است که یک دستگاه را جدا کنید تا ببینید چگونه کار می کند، اما هیچ پیچی در این مورد وجود ندارد.
سوالات متداول
آیا بازرسی یک وب سایت قانونی است؟
بله. با این حال، اگر قصد دارید از هر کد یا دارایی یک وب‌سایت استفاده کنید، حتماً با مالک آن چک کنید و یک یادداشت حق نشر اضافه کنید.
چگونه HTML را از یک وب سایت با عنصر بازرسی کپی کنم؟
در Chrome، روی صفحه کلیک راست کرده و Inspect را انتخاب کنید، سپس به بخش بالا بروید و روی برچسب کلیک راست کنید (به عنوان مثال). Copy > Copy outerHTML را انتخاب کنید، سپس کد را در یک متن یا فایل HTML جای‌گذاری کنید.
آیا می توانم CSS را از یک وب سایت با عنصر بازرسی کپی کنم؟
بله. روی عنصری که می‌خواهید کپی شود کلیک راست کرده و Inspect را انتخاب کنید. روی کد برجسته کلیک راست کرده و Copy > Copy styles را انتخاب کنید.
چگونه رمزهای عبور ذخیره شده خود را با استفاده از عنصر بازرسی ببینم؟
برای آشکار کردن رمزهای عبور پنهان، روی کادر متن رمز عبور راست کلیک کرده و Inspect را انتخاب کنید. در بخش برجسته شده، type=”password” را جستجو کنید و password را با text جایگزین کنید. راه‌های ساده‌تری برای نمایش همه گذرواژه‌هایتان در Chrome وجود دارد.
