ترفندهای پیشرفته برای Inspector مرورگر Chrome (قسمت 3) : کپی کردن تصاویر و کار کردن با HAR

دسته بندی: آموزش
زمان مطالعه: 3 دقیقه
۲۸ مرداد ۱۳۹۵

inspector

ترفند 4 : کپی کردن تصاویر بصورت data URI

همونطور که میدونید شما میتونید تصاویر رو بصورت data-URI در بیارید و از اونا استفاده کنید. مزیتی که این حالت داره اینه که درخواستی برای اون حساب نمیشه و سایتتون سریعتر خواهد شد. برای اینکه ببینید این مورد در چه مرورگرهایی پشتیبانی میشه به سایت caniuse سر بزنید. شما میتونین تصاویری که درون Inspector هستن رو بصورت data-URI کپی کرده و از اونا استفاده کنید. برای مثال ما وارد w3schools میشیم و Inspector رو باز میکنیم و به تب Sources میریم:data uri

روی عکس مشخص شده کلیک میکنیم تا در سمت راست باز بشه:data uri 2

حالا برای اینکه این عکس رو بصورت data-URI ذخیره کنیم، بر روی عکس کلیک راست کرده و بر روی گزینه copy image as data URI کلیک میکنیم:data uri 3

حالا این مورد در Clipboard یا حافظه موقت دستگاه ما ذخیره شده. اگه من کد مورد نظر رو اینجا paste کنم، بصورت زیر هست:

data:image/png;base64,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

ترفند 5 : کار کردن با HAR

همونطور که میدونید زمانی که سایتی رو باز میکنید، تب Network موجود در Inspector درخواست‌ها و request هایی که بین مرورگر و سرور ردوبدل شده رو نمایش میده و شما میتونین همه اونا رو ببینید و هدرهای اونا رو مشاهده کنید. برای مثال ما همون سایت بالایی رو باز کرده و تب Network رو باز میکنیم:har

همونطور که میبینید هنوز چیزی وجود نداره و ازمون میخاد که مرورگر رو refresh کنیم. بعد از اینکه رفرش کردیم تمام درخواستها نمایش داده میشه:har 2چیزی که ما در اینجا با اون کار داریم، سمت راست این تب هست که بهش HAR یا HTTP Archive میگن.har 3

همونطور که در تصویر بالا هم مشاهده کردید با استفاده از HAR میشه سایت رو آنالیز و تجزیه تحلیل کرد و با استفاده از خط زمانی که در اختیارمون میزاره، مشخص میکنه که لود صفحه چقد طول کشیده و چه فایلی چقد برای لود شدن زمان برده. شما میتونین این اطلاعات رو بصورت یک فایل HAR دریافت کنید و اون رو به هر کسی ک میخاد سایتتون رو آنالیز کنه بدید تا اونو بررسی کنه. برای اینکار ما یجای این تب کلیک راست میکنیم و گزینه save as HAR with content رو میزنیم:har 4

با اینکار یک پنجره باز میشه:har 5

اون رو در Desktop ذخیره میکنم. بعد از اینکار اگه Desktop رو ببینید بصورت زیر هست:har 6

حالا میتونیم این فایلو به نفر مقابل بدیم. سایتای زیادی هستن که فایلهای HAR رو نمایش میدن. شما میتونین از این سایت استفاده کنید.har 7

حالا شما میتونین فایل HAR رو درگ کرده و درون این صفحه رها کنید. با اینکار اطلاعات به شما نمایش داده میشه:har 8

بهمین راحتی.

امیدوارم از این مطلب خوشتون اومده باشه.

موفق باشید

یا علی

چه امتیازی به این مقاله می دید؟
نویسنده محمد اسفندیاری
بسیار به طراحی وب علاقمندم و به سرعت در حال یادگیری تمام مباحث پیشرفته هستم و دوست دارم که به دیگران هم یاد بدهم.

جلسات دوره

نظرات کاربران

اولین دیدگاه این پست رو تو بنویس !

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.