Vlasov Studio HTML 11 چیست؟
Vlasov Studio HTML 11 یک افزونه یا extension است که پنجره های ابزارهایی را در Visual Studio 2017 / 2019 به نمایش می گذارد تا پیش نمایشی از web page های استاتیک و داینامیکی که در حال ویرایش آن ها هستید در اختیار شما قرار دهد. از این ابزار می توان روی سیستم های دسکتاپ و موبایل استفاده کرد. هنگامی که شما تایپ می کنید به صورت هم زمان پیش نمایش صفحه وب نیز آپدیت می شود. همچنین هنگامی که یک فایل CSS یا JS که در HTML شما به آن ارجاع داده شده است را ویرایش می کنید بعد از هر بار سیو کردن پیش نمایش آپدیت می شود و می توانید به صورت لحظه ای آن را مشاهده کنید. هنگامی که وب اپلیکیشن سرور در IIS Express در حال اجرا باشد پیش نمایش هنگامی آپدیت می شود که یک document را سیو کنید. هنگامی که سرور متوقف شود، پیش نمایش دیگر آپدیت نمی شود و یک کادر قرمز رنگ دور قسمت پیش نمایش نشان داده می شود.
Vlasov Studio HTML 11 این امکان را به شما می دهد که پنجره ابزارهای باز شده را در کنار HTML editor ویا بیرون از پنجره اصلی Visual Studio، برای مثال روی مانیتور دوم خودتان قرار دهید. کدهای HTML با استفاده از Chromium Embedded Framework v75 رندر می شود. همچنین دستور Reload موجب reset شدن و reload تمام پیش نمایش های باز خواهد شد. صفحات html استاتیک و منابع مرتبط با آن ها مثل تصاویر، استایل ها و اسکریپت ها به وسیله Chromium browser داخلی و مستقیماً از روی دیسک لود می شود. برای پیش نمایش زنده، محتوای صفحه از یک memory buffer فراهم می شود.
Vlasov Studio HTML 11 به صورت پیش فرض برای صفحات استاتیک هم زمان با تایپ شما صفحه را آپدیت می کند. اگر تغییرات زیاد موجب پرت شدن حواس شما شود می توانید این قابلیت را در تنظیمات غیر فعال کرده و فقط زمانی که فایل را سیو می کنید پیش نمایش آپدیت خواهد شد. اگر روی منوی Developer tools کلیک کنید ابزار dev tools مربوط به Chromium باز می شود و می توانید از قابلیت های آن مثل حالت عادی استفاده کنید. در ادامه لینک دانلود Vlasov Studio HTML 11 نسخه از پیش فعال شده ارائه شده است که می توانید آن را دریافت کنید.
ویژگی ها و قابلیت های Vlasov Studio HTML 11:
- - ارائه پیش نمایش از صفحات وب داینامیک و استاتیک
- - آپدیت شدن پیش نمایش به صورت لحظه ای
- - امکان تنظیم آپدیت شدن در هنگام سیو کردن فایل
- - ارائه ابزار Chrome dev tools به صورت داخلی
- - امکان مشاهده پیش نمایش روی موبایل
- - امکان باز کردن یک Android emulator
- - و بسیاری موارد دیگر.