ترفندهای پیشرفته برای Inspector مرورگر Chrome (قسمت 19)

- visibility ۰ mode_comment

inspector

ترفند 32 : گرفتن تصویر از سایت در موبایل به همراه قاب

همونطور که میدونین شما میتونین با زدن بر روی دکمه Device mode سایت رو به محیط شبیه سازی در موبایل و تبلت ببرید. برای مثال سایت Google رو باز میکنیم و Inspector رو درون اون باز کرده و بر روی دکمه زیر کلیک میکنیم:inspector device mode

با این کار سایت Google در حالت شبیه سازی موبایل باز میشه و باید صفحه رو در حالی که Inspector باز هست، Refresh کنید. بعد از اینکار بصورت زیر عمل میکنیم:inspector show device frame

میبینید که بر روی دکمه ... در بالا و سمت راست کلیک کردیم و گزینه Show device frame رو فعال کردیم. با اینکار قاب اون موبایل هم نمایش داده میشه. بصورت زیر:inspector show device frame 2

این قاب مربوط به Nexus 5X هست. حالا برای اینکه از این سایت به همراه قاب مربوط به اون تصویر برداری کنید و اون رو به فرد مورد نظرتون بدید یا برای خودتون نگه دارید، باید مراحل زیر رو طی کنید:inspector show device frame 3

همونطور که دیدید مجددا بر روی ... کلیک کردیم و این بار گزینه Capture screenshot رو انتخاب کردیم. بعد از اینکار یک تصویر از سایت بهمراه چارچوب گرفته شده و در اختیار ما قرار میگیره:inspector show device frame 4

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

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

موفق باشید

یا علی

comment دیدگاه کاربران

نیاز به لاگین

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