روشهای باز کردن سورس صفحه در مرورگرهای دستگاه‌های اندرویدی

خواندن منبع (Source) یک صفحه‌ی وب از جمله امکانات پیش‌فرض مرورگرهای وب در سیستم عامل‌های دسکتاپی می‌باشد که با کلیک‌راست و انتخاب گزینه‌ی View Page Source قابل دسترسی است.

به وسیله‌ی این گزینه می‌توانید خروجی HTML صفحه‌ی وب مربوطه را که توسط مرورگر ترجمه شده است، مشاهده کنید. کاربران با توجه به نیازهای خاص خود و یا زمینه کاری‌شان از این قابلیت استفاده می‌کنند.

این گزینه برای کاربران فعال در حوزه‌ی وب به‌خصوص طراحان وب، بسیار کارآمد و حیاتی‌ است اما مسئله‌ی پیش رو این است که دسترسی به سورس صفحه در سیستم‌ عامل اندروید به راحتی نسخه‌ی دسکتاپ نمی‌باشد.

در ادامه به ارائه‌ی 4 ترفند سریع برای باز کردن سورس صفحه در مرورگرهای دستگاه‌های اندرویدی می‌پردازیم.

1. استفاده از مرورگر پیش‌فرض سیستم عامل اندروید
برای استفاده از این روش ابتدا با استفاده از اپلیکیشن پیش‌فرض مرور صفحات وب در گوشی خود که عموماً با نام Internet شناخته می‌شود، یک صفحه‌ی وب را باز کنید.
سپس در نوار آدرس مرورگر، عبارت زیر که یک رشته کد جاوا اسکریپت می‌باشد را تایپ نموده و دکمه‌ی Go را لمس کنید:

javascript: alert(document.getElementsByTagName('html')[0].innerHTML);

با این کار، سورس صفحه را در یک کادر محاوره‌ای مشاهده خواهید کرد.

2. استفاده از مرورگر کروم و یا فایرفاکس
در صورتی که اپلیکیشن مرورگر Google Chrome و یا Mozilla Firefox را بر روی دستگاه خود نصب دارید به این ترتیب عمل کنید:

سایت و یا صفحه‌ی وب مورد نظر را با مرورگر باز نمایید.
عبارت :view-source را در ابتدای URL مربوطه اضافه کنید.
با لمس دکمه‌ی Go، پس از چند لحظه، سورس صفحه را مشاهده خواهید کرد.

به عنوان مثال در نوار آدرس مرورگر بنویسید:

view-source:http://www.beytoote.com

مشاهده سورس صفحه وب در اندروید

3. استفاده از کش گوگل
برای مشاهده‌ی سورس صفحه به این روش، مراحل زیر را انجام دهید.
آدرس سایت مدنظر خود را با پیشوند :cache در گوگل جستجو کرده و یا در نوار آدرس مرورگر تایپ کنید. برای مثال در نوار آدرس بنویسید cache:ww.beytoote.com و سپس دکمه‌ی Go را لمس نمایید.
گوگل شما را به نسخه‌ی کش‌شده صفحه‌ی مربوطه هدایت می‌کند.
در قسمت بالایی صفحه، گزینه‌ی View Page Source را مشاهده می‌کنید.
با انتخاب این گزینه سورس صفحه به آسانی مشاهده خواهد شد.

4. استفاده از اپلیکیشن جانبی
در روش آخر یک اپلیکیشن جانبی را به شما معرفی خواهیم کرد.
VT View Source یک اپلیکیشن رایگان بوده که به شما اجازه‌ی مشاهده‌ی سورس فایل‌های HTML ،CSS ،JavaScript و XML را خواهد داد.
از جمله قابلیت‌های این اپلیکیشن می‌توان به رنگی کردن کدهای مختلف (Syntax Highlighting)، شماره‌گذاری خطوط کد و Text Wrapping اشاره کرد.

تا اینجا تقریبا با بیشتر فوت و فن انتخاب و ابزارهای مربوط به آن در فتوشاپ آشنا شدیم؛ اما انتخاب در فتوشاپ هنوز شروع كار بوده و كار اصلی بعد از آن تازه آغاز می‌شود. اصولا انتخاب، به تنهایی هدف اصلی نمی‌تواند باشد و عملی كه در ادامه انتخاب انجام می‌گیرد هدف اصلی است. اما این به معنای آن نیست كه عمل انتخاب مهم نبوده و نیاز به دقت ندارد، بلكه دستیابی به یك عملكرد صحیح در استفاده از سایر ابزارها در گرو انتخاب صحیح است.

حال كه با ابزارهای انتخاب تا حدودی آشنا شدیم، به سراغ بقیه فرامین فتوشاپ مي‌رویم و با آنها نیز آشنا مي‌شویم. یكی از پركاربردترین بخش های فتوشاپ منوی Image‌ است كه فرامین بسیار مفیدی را در اختیار طراح قرار می‌دهد. پر كاربردترین این فرامین عبارتند از:

Mode

اولین قسمتی كه در این بخش جلب نظر می‌كند گزینه Mode است كه خود آن چند زیر منو را شامل می‌شود. به كمك این قسمت می‌توانیم مد رنگی تصویر خود را مشاهده كنیم و تغییر دهیم. درباره این مدها در شماره‌های پیشین كلیك صحبت كرده ایم و در اینجا فقط اشاره مختصری به آن می‌كنیم.

1ـ Bitmap: در این مد تصویر تنها از رنگ سیاه و سفید تشكیل شده و هیچ‌گونه رنگ خاكستری در آن وجود نخواهد داشت و ایجاد طیف خاكستری با نزدیك و دور شدن نقاط سیاه به هم ایجاد می‌شود. از این مد برای چاپ تصاویر هافتون می‌توانیم استفاده كنیم.

2ـ Grayscale: این مد رنگی نیز در محدوده سیاه و سفید بوده طوری كه علاوه بر رنگ های سیاه و سفید 256 طیف خاكستری نیز در آن وجود دارد و تصویر سیاه و سفید به صورت كاملا واقعی دیده می‌شود.

3ـ Duotone: در این مد كه پس از تبدیل تصویر به مد Grayscale قابل دسترس خواهد بود، می‌توانیم طیف خاكستری خود را گسترش دهیم و حتی رنگ كمكی به عنوان رنگ سوم و چهارم به طیف خاكستری اضافه كنیم.

4 ـ Index: در این مد كه بیشتر در صفحات وب استفاده می‌شود، طیف رنگی تصویر كم شده و كل تصویر با 256 رنگ استاندارد نمایش داده می‌شود. در این حالت حجم تصویر كم شده ولی تصویركیفیت زیاد مطلوبی برای چاپ نخواهد داشت.

5‌ـ RGB: این مد رنگی مختص نمایش تصاویر در تلویزیون و مانیتور بوده و برای استفاده از تمام امكانات فتوشاپ باید پروژه خود را در این مد رنگی یا مد Lab كار كنیم.

6 ـ CMYK: این مد رنگی مختص چاپ بوده و برای چاپ پروژه خود به صورت چاپ افست باید آن را به این مد رنگی تبدیل كنیم. دقت كنید كه این مد رنگی رنگ های كمتری را نسبت به حالت RGB پوشش داده و هنگام چاپ ممكن است رنگ پروژه چاپ شده متفاوت از رنگ پروژه روی مانیتور دیده شود.

7ـ Lab: این مد پوشش دهنده كل رنگ های قابل مشاهده با چشم بوده و وابستگی به دستگاه ندارد.

8 ـ Multichannel: از این مد رنگی كه هر كانال را به 256 رنگ خاكستری تبدیل می‌كند برای چاپ‌های تخصصی استفاده می‌شود، در این حالت می‌توانیم برای هر كانال نام دلخواهی را اختصاص دهیم.

9 ـ براساس تعداد رنگ های تعریف شده برای هر پیكسل رنگی، عمق رنگی تصویر تعریف می‌شود كه در حالت معمول به صورت 8بیت یعنی 2 به توان 8 رنگ در هر پیكسل است، اما برای تصاویر خاص و با كیفیت بالا عمق رنگ می‌تواند 16 یا 32 بیتی هم تعریف شود.

دومین بخش از نوار Image گزینه Adjustment است كه در آینده به صورت مفصل درباره آن صحبت خواهیم كرد.

برای تنظیم نور، كنتراست و رنگ تصاویر در فتوشاپ روش های زیادی وجود دارد كه می‌توانیم با توجه به مهارت خود از آنها استفاده كنیم ؛ اما معمولا راحت ترین روش برای این گونه تنظیمات استفاده از حالت‌های خودكار است و این حالت‌ها در 3 فرمان Auto Tone، Auto Contrast و Auto color قابل دسترس بوده و با كمك آنها می‌توانیم تا حد زیادی كیفیت تصویر خود را از لحاظ نور و رنگ تنظیم كنیم. فقط باید دقت كنیم كه این فرامین برای همه تصاویر ایده آل نبوده و در برخی تصاویر حتی ممكن است نتیجه نامطلوبی را ارائه كند كه در این موارد باید با فرامین دیگر جهت تنظیم تصویر اقدام كنیم.

Image & Canvas Size

در فتوشاپ دو نوع اندازه وجود دارد ؛ یكی اندازه خود تصویر Image size است و دیگری اندازه صفحه پروژه Canvas size. با تنظیم اندازه تصویر می‌توانیم تصویر خودمان را از لحاظ اندازه بزرگ یا كوچك كرده یا رزولوشن آن را تغییر دهیم. اما در قسمت Canvas size محدوده پروژه (فضای كاری) تغییر اندازه داده و محتوای موجود در آن با همان اندازه اولیه باقی می‌ماند. با فراخوانی فرمان Image size تصویری همانند تصویر زیر ظاهر می‌شود:

كه شامل دو قسمت است كه در قسمت اول اندازه پیكسلی تصویر را كه در مانیتور مشاهده خواهد شد تنظیم می‌كنیم. از بخش دوم نیز اندازه چاپی پروژه قابل تنظیم است. در قسمت دوم علاوه بر تنظیم اندازه چاپی می‌توانیم رزولوشن تصویر را نیز تغییر دهیم و به اندازه دلخواه برسانیم. با انتخاب گزینه Canvas size پنجره ای همانند شكل زیر ظاهر شده و به كمك آن می‌توانیم بدون تغییر ابعاد محتوی پروژه ابعاد فضای كاری را تغییر دهیم كه در این صورت حاشیه‌ای در اطراف تصویر مشاهده خواهد شد.

پس از فراخوانی پنجره Canvas size اندازه مورد نظر فضای كاری خود را در 2 حالت می‌توانیم وارد كنیم. در صورتی كه گزینه Relative انتخاب نشده باشد، طول و عرض نهایی كادر خود را باید وارد كنیم و اگر این گزینه انتخاب شده باشد، فقط لازم است مقدار افزایش یا كاهش را وارد كنیم. در هر دو حالت پس از تایپ مقدار به كمك فلش های موجود در قسمت پایینی پنجره می‌توانیم جهت افزایش یا كاهش را نیز مشخص كنیم و در نهایت روی دكمه تایید كلیك كنیم تا اعمال شود ؛ فقط در صورتی كه كاهش اندازه داشته باشیم پیغامی‌مبنی بر از دست دادن قسمت كوچك شده تصویر ظاهر می‌شود و با تایید پیغام اندازه مورد نظر روی پروژه قابل مشاهده خواهد بود. از قسمت پایینی پنجره Canvas می‌توانیم رنگ قسمت افزایش یافته فضای كاری خود را نیز مشخص كنیم.

از قسمت Rotate می‌توانیم پروژه خود را چرخش داده و در حالت دلخواه خود قرار دهیم كه این چرخش می‌تواند در حالت‌های پیشفرض 90 درجه ساعتگرد و پادساعتگرد و 180 درجه باشد و در صورت نیاز با گزینه Arbitraryمی‌توانیم چرخش را با زاویه دلخواه روی پروژه خود انجام دهیم.از قسمت آخر این بخش نیز می‌توانیم پروژه خود را قرینه كنیم كه هم به صورت افقی Horizontal و هم به صورت عمودی Vertical این عمل امكان‌پذیر است.

در هفته‌های آینده با قسمت Adjustment و بقیه فرامین این منو بیشتر آشنا خواهیم شد.

ترفند نشانه گذاری صفحات وب در مرورگر جدید مایکروسافت ( اِج)

همان‌طور که می‌دانید یکی از ابزارهای جدیدی که با انتشار ویندوز ‌10 در اختیار کاربران قرار گرفت مرورگر جدید مایکروسافت یعنی اِج (Edge) بود. این مرورگر برخلاف اینترنت اکسپلورر که بسیاری از امکانات مرورگرهای امروزی را پشتیبانی نمی‌کرد، از امکانات متعددی پشتیبانی می‌کند که یکی از این امکانات، نشانه‌گذاری صفحات وب و ثبت یادداشت و نوشته دلخواه در بخش‌های دلخواه از صفحات وب است.

اگر دوست دارید با روش انجام این کار آشنا شوید، با این ترفند همراه شوید:
1 ـ مرورگر Edge‌ را اجرا کرده و به صفحه موردنظر وارد شوید.

2 ـ از بالا سمت راست روی آیکونی که شکل یک مداد است و کادری مربعی دور تا دور آن را احاطه کرده کلیک کنید.

3 ـ اکنون نوار نشانه‌گذاری برای شما به‌نمایش درآمده است. با یک‌بار کلیک روی هریک از ابزارهای موجود در این نوار می‌توانید عملیات انتخاب ابزار موردنظر را اجرا کرده و با کلیک دوباره روی آن ابزار نیز گزینه‌ها و تنظیمات اضافی مربوط به همان ابزار (در صورت وجود) برای شما نمایش داده می‌شود. به‌عنوان مثال رنگ و ضخامت قلم ازجمله تنظیمات اضافه هنگام انتخاب ابزار خودکار است.

برخی از ابزارهایی که در این نوار در اختیار شما قرار می‌گیرد، عبارت است از:
خودکار: با استفاده از این ابزار می‌توانید به کمک نشانگر ماوس یا ترک‌پد لپ‌تاپ، اشکال را رسم کنید یا روی بخش موردنظر دست نویس بنویسید. در صورتی‌که نمایشگر رایانه لمسی است نیز می‌توانید عملیات نوشتن روی نمایشگر را اجرا کنید.

ماژیک نشانه‌گذاری: ابزاری با عملکردی شبیه خودکار با این تفاوت که رنگ نوشته‌های آن شفاف و زمینه‌ زیر آن نیز کمی نمایان است.

پاک‌کن: چنانچه پیش از ذخیره یا اشتراک‌گذاری نشانه‌ها بخواهید بخشی از آنها را پاک کنید، می‌توانید از این ابزار کمک بگیرید.

متن تایپ‌شده: اگر دست‌خط خوبی ندارید و ترجیح می‌دهید متن موردنظرتان را روی صفحه تایپ کنید پیشنهاد می‌کنیم از این ابزار استفاده کنید.

4 ـ پس از انتخاب ابزار موردنظر و ثبت نشانه‌های دلخواه در بخش‌های مختلف صفحه وب می‌توانید با کلیک روی آیکون‌های ذخیره و اشتراک‌گذاری نسبت به ذخیره صفحه وب یا اشتراک‌گذاری آن در نرم‌افزارهای مختلف اقدام کنید.

نکته: با کلیک روی آیکون ذخیره‌سازی قابلیت ارسال عکس صفحه به نرم‌افزار OneNote، افزودن صفحه نشانه‌گذاری شده به فهرست Favorites و افزودن صفحه به بخش Reading List در اختیار شما قرار می‌گیرد. همچنین با کلیک روی گزینه‌ اشتراک‌گذاری نیز پنل اشتراک‌گذاری ویندوز اجرا شده و نرم‌افزارهایی که در بخش اشتراک‌گذاری ویندوز شما وجود داشته باشند برای اجرای این عملیات در اختیار شما قرار می‌گیرند.

صفحات وب, تاریخچه مرورگر فهرست تب‌های بسته شده در کروم یکی از قابلیت‌های مفید کروم و دیگر مرورگرها، نمایش صفحات وب در تب‌های مختلف است.

ممکن است به اشتباه تبی را ببندید که به آن نیاز دارید و نیز ممکن است قصد داشته باشید یک تب را که پیش از این بسته‌اید، دوباره مشاهده کنید. در این شرایط استفاده از تاریخچه مرورگر و پیمایش میان همه صفحات مرور شده کمی دشوار است. دوست دارید با یک میانبر، بسیار ساده و سریع تب‌هایی را که به‌تازگی بسته شده‌اند به ترتیب از آخر به اول باز کنید؟ با این روش می‌توانید در شرایطی که فردی از رایانه شما استفاده می‌کند و با حضور شما تب باز شده در مرورگر را می‌بندد نیز غافلگیر کرده و تب بسته شده را دوباره فراخوانی کنید.

فراخوانی مجدد تب‌های بسته شده

1 ـ انجام این کار در مرورگر کروم، فایرفاکس و اپرا بسیار ساده است؛ کافی است کلید میانبر Ctrl+Shift+T را همزمان فشار دهید. با هر بار فشار این کلید، تب‌هایی که اخیرا بسته شده ‌است باز شده و به این ترتیب می‌توانید آنها را دوباره مرور کنید. (کلید Cmd+Shift+T در مرورگر کروم روی رایانه‌های مک و کلید Cmd+Z در مرورگر سافاری قابل استفاده است) فهرست تب‌های بسته شده در کروم در صورتی‌ که از بسته شدن یک تب مدتی گذشته باشد و نتوانید در میان ده یا حتی 20 تب اخیر آن را پیدا کنید، پیشنهاد می‌کنیم از قابلیت مرور تب‌ها در حافظه مرورگر کروم کمک بگیرید.

برای دسترسی به این بخش باید پس ا ز مراجعه به منوی اصلی روی History and recent tabs کلیک کنید. در منوی به‌نمایش درآمده فهرستی از تب‌هایی که اخیرا بسته شده‌اند در اختیار شما قرار می‌گیرد و با کلیک روی هرکدام فراخوانی آن تب اجرا می‌شود. توجه داشته باشید در صورتی‌که صفحه وب موردنظر شما مدت‌ها (روزها) پیش بسته شده باشد تنها راه فراخوانی دوباره آن استفاده از تاریخچه مرورگر است که با کلیک روی گزینه History یا فشار کلید میانبر Ctrl+H دسترسی به آن امکان‌پذیر است.

فراخوانی دوباره بازماندگان در پنجره‌ها شرایط دیگری که ممکن است در وبگردی رخ دهد، بسته شدن ناگهانی پنجره مرورگر است که این پنجره ممکن است چند تب باز را در خود جای داده باشد. در چنین شرایطی برای مرور و فراخوانی تب‌های موجود در پنجره‌ بسته شده باید قابلیت اجرای مرورگر با تب‌های بازمانده را فعال کنید.

1 ـ به منوی اصلی مرورگر کروم مراجعه کرده و روی Settings کلیک کنید.

2 ـ در بخش On startup گزینه Continue where you left off را فعال کنید.

3 ـ از این پس چنانچه پنجره مرورگر بسته شود و تب‌های مختلفی در آن باز مانده باشد با اجرای دوباره مرورگر، تب‌های بسته نشده فراخوانی می‌شوند.

 بازشدن هریک از صفحات وب در تب‌های جدید از امکاناتی است که امروزه بیشتر مرورگرها از آن پشتیبانی می‌کنند. همچنین در مرورگرهای نسخه موبایلی این امکان وجود دارد که پیش‌نمایشی از محتوای به‌نمایش درآمده در هر تب را نیز مشاهده کنید و به این ترتیب براحتی تب موردنظرتان را از میان تب‌های باز انتخاب کنید.

انتخاب تب موردنظر با مشاهده‌ پیش‌نمایشی از تب‌های فعال بسیار سودمند است اما متاسفانه این قابلیت به‌طور پیش‌فرض در رایانه‌ها فعال نیست. دوست دارید در مرورگرهای مختلفی همچون کروم، فایرفاکس، سافاری و اپرا از قابلیت پیش‌نمایش تب‌ها بهره‌مند شوید؟

اینترنت‌اکسپلورر (ویندوز):

این قابلیت در مرورگر اینترنت‌اکسپلورر ویندوز 7 و بالاتر به‌طور پیش‌فرض فعال است و شما می‌توانید با حرکت نشانگر ماوس روی آیکون مرورگر در نوار وظیفه‌ ویندوز، پیش‌نمایشی از تب‌های فعال را مشاهده کنید.

فایرفاکس (مک او.اس.ایکس):

1ـ مرورگر فایرفاکس را اجرا کرده و در نوار آدرس عبارت about:config را وارد کنید، سپس کلید اینتر را فشار دهید.

2ـ در کادر جستجوی صفحه‌ به‌نمایش درآمده عبارت ctr را وارد کرده و از نتایج یافت شده گزینه‌ rowser.ctrlTab.previews را انتخاب کرده، روی آن دوبار کلیک کنید.

3ـ با دوبار کلیک روی گزینه‌ بالا، مقدار Value مربوط به آن ‌باید به true تغییر کند.

4ـ پس از طی مراحل ذکر شده، هرگاه تب‌های مختلفی در مرورگر باز بود می‌توانید کلیدهای Ctrl+Tab را فشار دهید تا پیش‌نمایشی از تب‌ها به‌نمایش درآید. در ادامه با رها کردن کلید Tab (کلید CTRL را همچنان پایین نگه‌دارید) و استفاده از کلیدهای جهت‌نما (حرکت به سمت چپ و راست) می‌توانید میان تب‌های فعال حرکت کنید.

فایرفاکس (ویندوز):

1ـ مرورگر را اجرا کرده و در نوار آدرس عبارت about:config را تایپ کنید.

2ـ گزینه‌ browser.taskbar.previews.enable را در صفحه‌ به‌نمایش درآمده جستجو کنید و پس از یافتن آن، با دوبار کلیک روی این گزینه، مقدار آن را به true تغییر دهید.

3ـ اکنون هرگاه بخواهید پیش‌نمایش تب‌های فعال را ببینید ‌باید ماوس خود را برای چند لحظه روی آیکون مرورگر فایرفاکس در نوار وظیفه‌ ویندوز نگه‌دارید.

کروم (مک و ویندوز):

1ـ متاسفانه در مرورگر کروم گزینه‌ پنهانی برای فعال کردن این قابلیت وجود ندارد اما می‌توانید از افزونه‌های این مرورگر کمک بگیرید.

2ـ مرورگر کروم را اجرا کرده و پس از مراجعه به لینک زیر، افزونه‌ TooManyTabs را روی مرورگر نصب کنید. (لینک به حروف کوچک و بزرگ حساس است)

http://goo.gl/rg9HSw

3ـ پس از نصب افزونه، یک آیکون در سمت راست نوار آدرس مرورگر اضافه می‌شود و با کلیک روی آن به پیش‌نمایش تب‌های فعال در مرورگر دسترسی خواهید داشت.

سافاری (مک):

1ـ اگر از مرورگر سافاری در سیستم‌عامل مک استفاده می‌کنید کار دشواری در پیش ندارید؛ چرا که این مرورگر به‌طور پیش‌فرض از این قابلیت پشتیبانی می‌کند. برای دسترسی به پیش‌نمایش تب‌های فعال باید روی آیکون کوچکی که در سمت راست نوار تب‌ها قرار دارد کلیک کنید.

2ـ پس از به‌نمایش درآمدن تب‌های فعال نیز می‌توانید با استفاده از کلیدهای جهت‌نما (سمت چپ و راست) به حرکت میان آنها بپردازید.

اپرا (ویندوز، مک و لینوکس):

1ـ در نسخه‌های قدیمی اپرا (سری 12) می‌توانید براحتی روی یکی از تب‌ها کلیک راست ماوس را فشار دهید و پس از مراجعه به منوی Customize گزینه‌ Enable Thumbnails in Tabs را فعال کنید تا پیش‌نمایش هر تب در نوار تب‌ها به‌نمایش درآید.

2ـ متاسفانه این قابلیت در نسخه‌ جدید (سری 24) حذف شده و استفاده از آن در این نسخه‌ها امکان‌پذیر نیست. چنانچه به استفاده از این قابلیت در اپرا علاقه‌مندید ‌باید از اپرا 24 مخصوص توسعه‌دهندگان کمک بگیرید. برای دانلود این نسخه به لینک http://www.opera.com/developer مراجعه کنید.

در نسخه‌ توسعه‌دهندگان (ویندوز، لینوکس و مک) چنانچه ماوس خود را روی هریک از تب‌های فعال نگه‌دارید، پیش‌نمایشی از تب‌ها برای شما به‌نمایش درخواهد آمد (توجه داشته باشید قابلیت Show tab previews when switching between tabs در تنظیمات مرورگر غیرفعال نشده باشد.)