هل تستخدم بعض المواقع في كثير من الأحيان؟ إن وجود تطبيق أصلي لهم على جهاز الكمبيوتر الخاص بك يمكن أن يجعل الوصول إليها أكثر سهولة. تخيل^(Imagine) أنك لست مضطرًا للذهاب إلى متصفحك ثم ابحث عن علامة التبويب التي تم فتح موقع الويب الخاص بك عليها. في هذا المنشور ، قمنا بتغطية أداة سطر أوامر تسمى Nativefier والتي تتيح لك إنشاء تطبيقات أصلية لأي تطبيق ويب أو صفحة ويب. لقد قمنا أيضًا بتغطية الخطوات التي يمكنك اتباعها لإنشاء تطبيق أصلي لأي من صفحات الويب المفضلة لديك.

استعراض Nativefier

Nativefier مفتوح المصدر ومكتوب بلغة JavaScript ويستخدم Electron لإنشاء تطبيقات أصلية لأنظمة Windows و Mac و Linux . يمكن للتطبيقات التي تم إنشاؤها بواسطة Nativefier الاحتفاظ ببعض التكوين والإعدادات لمنحك تجربة تشبه التطبيق بشكل أكبر. لاستخدام Nativefier ، يجب أن يكون لديك Node.js مثبتًا على جهازك. إذا لم يكن لديك بالفعل ، فيمكنك الاطلاع على مقالتنا حول كيفية تثبيت Node.js على Windows هنا .

كيفية إنشاء تطبيقات أصلية

1. افتح نافذة CMD في الدليل المطلوب.

2. قم بتنفيذ الأمر التالي لتثبيت Nativefier .

npm install -g nativefier

3. بمجرد اكتمال التثبيت ، يمكنك تنفيذ الأمر التالي لإنشاء تطبيق أصلي لأي صفحة ويب أو تطبيق ويب.

nativefier --name “Application Name” “http://applicationurl.com”

يجب أن يؤدي هذا إلى إنشاء تطبيق يسمى اسم التطبيق^{(Application Name )} يكون عنوان URL الخاص به هو http://applicationurl.com.يمكنك الآن فتح المجلد الذي أنشأته Nativefier وتحديد موقع الملف القابل للتنفيذ لتطبيقك. يمكنك إنشاء اختصارات لملف exe هذا بحيث يمكنك تشغيله مباشرة من قائمة البداية أو شريط المهام أو أي مكان آخر تختاره.

دعم الفلاش^{(Flash Support)}

إذا كان موقع الويب الذي اخترته يتطلب دعم الفلاش ، فيمكنك إضافته بسهولة عن طريق إضافة علامة –flash في أمر التثبيت. سيصبح الأمر:

nativefier --name --flash “Application Name” “http://applicationurl.com”

لكي يعمل الفلاش ، يلزم وجود Google Chrome ، أو تحتاج إلى تثبيت المكون الإضافي PepperFlash Chrome^{(PepperFlash Chrome Plugin)} يدويًا.

قائمة التطبيق^{(Application Menu)}

نظرًا لأن هذه التطبيقات ليست سوى WebView ملفوفة حول عنوان URL^(URL) المطلوب . يمكنك إجراء بعض العمليات الأساسية التي كان من الممكن إجراؤها على متصفح الويب العادي. للقيام بذلك ، يمكنك الوصول إلى قائمة التطبيق بالضغط على مفتاح "Alt" من لوحة المفاتيح. الآن باستخدام هذه القوائم ، يمكنك التنقل للأمام أو للخلف أو إعادة تحميل التطبيق بالكامل.

مثل معظم متصفحات الويب ، يمكنك بسهولة التكبير باستخدام Ctrl+= والتصغير باستخدام Ctrl+- . حتى أن هناك خيارًا لتبديل وضع ملء الشاشة. أفضل جزء في التطبيقات التي تم إنشاؤها بواسطة Nativefier هو أنها تأتي مع أدوات مطورة كاملة تشبه Chrome. يمكنك الوصول إلى وحدة التحكم والشبكة وجميع الميزات الأخرى التي يتم توفيرها في Chrome Developer Tools . يمكنك تمكين / تعطيل أدوات المطور عن طريق الضغط على Ctrl+Shift+I I.

كما ذكرنا ، يمكن للتطبيقات الحفاظ على الحد الأدنى من التكوين ، ويمكن مسح ذلك من خلال الانتقال إلى قائمة التطبيق ثم تحديد تحرير^{(Edit )} ثم مسح بيانات التطبيق. ^{(Clear App Data.)}يجب أن يؤدي هذا إلى إعادة تعيين التطبيق بالكامل مع جميع الجلسات أو عمليات تسجيل الدخول التي ربما احتفظت بها.

قابلية التنقل^{(Portability)}

جميع التطبيقات التي تم إنشاؤها باستخدام Nativefier محمولة. يمكنك بسهولة حملها بجميع تكويناتها. هذا يضمن أن لديك بياناتك في كل مكان ويمنعك من تسجيل الدخول مرارًا وتكرارًا.

Nativefier هي أداة رائعة في مجموعتك. إذا كنت تستخدم أي موقع ويب بشكل متكرر لدرجة أنك ترغب في الحصول على تطبيق محلي لذلك ، فيجب عليك تجربة Nativefier^(Nativefier) . التطبيقات التي تم إنشاؤها بسيطة وسريعة وموثوقة. يعد استخدام تطبيقات الويب المفضلة لديك أيضًا في نافذة أصلية مخصصة تجربة رائعة إجمالاً. لقد استخدمت Nativefier لإنشاء تطبيقات أصلية لمعظم الشبكات الاجتماعية^{(Social Networks)} و GitHub والعديد من تطبيقات الويب الأخرى. انقر ^(Click) هنا^(here)(here) لمعرفة المزيد عن Nativefier.

Create native Windows application of any web page using Nativefier.

Do you υѕe sоme websites verу often? Haνing a native app for them on your computer can really make them more accessible. Imagine you do not have to gо to your browѕer аnd then look for the tab thаt has your website opened. In this post, we’ve covered a command line tool called Nativefier that lets you create native applications for any web-app or webpage. We’ve also covered the steps that you can follow to create a native application for any of your favorite web pages.

Nativefier Review

Nativefier is open source and written in JavaScript and uses Electron to make native applications for Windows, Mac, and Linux. The applications created by Nativefier can preserve some configuration and settings to give you a more app-like experience. To use Nativefier you need to have Node.js installed on your machine. If you do not have it already, you can check out our article on how to install Node.js on Windows here.

How to create native applications

1. Open a CMD window in the desired directory.

2. Execute the following command to install Nativefier.

npm install -g nativefier

3. Once the installation is complete, you can execute the following command to create a native application for any webpage or web-app.

nativefier --name “Application Name” “http://applicationurl.com”

This should create an application named Application Name whose URL is http://applicationurl.com. Now you can open the folder created by Nativefier and locate the executable for your application. You can create shortcuts to this exe file so that you can directly launch it from the start menu, taskbar or any other place of your choice.

Flash Support

If your chosen website requires flash support, you can easily add it by adding a –flash tag in the installation command. The command would become:

nativefier --name --flash “Application Name” “http://applicationurl.com”

For flash to work, Google Chrome is required, or you need to install the PepperFlash Chrome Plugin manually.

Application Menu

Since these applications are nothing but a WebView wrapped around your desired URL. You can perform some basic operations that you could have done on a normal web browser. To do so, you can access the application menu by pressing ‘Alt’ key from your keyboard. Now using these menus, you can navigate forward or backward or reload the entire application.

Like most of the web-browsers, you can easily zoom in using Ctrl+= and zoom out using Ctrl+-. There is even an option to toggle full-screen mode. The best part about Nativefier generated applications is that they come with full-fledged Chrome-like developer tools. You get access to console, network and all other features that are offered Chrome Developer Tools. You can enable/disable developer tools by hitting Ctrl+Shift+I.

As mentioned the applications can preserve some minimal configuration, and this can be cleared by going to the application menu and then select Edit and then Clear App Data. This should completely reset the application with all the sessions or logins that you might have maintained.

Portability

All the applications generated using Nativefier are portable. You can easily carry them around with all their configuration. This makes sure you have your data everywhere and prevents you from logging again and again.

Nativefier is a great tool to have in your collection. If you use any website so frequently that you feel like having a native application for that, you must give Nativefier a try. The applications generated are simple, fast and reliable. Also using your favorite web apps in a dedicated native window is a great experience in total. I’ve used Nativefier to create native applications for most of the Social Networks, GitHub and various other web apps. Click here to know more about Nativefier.

Related posts

• Best Free C++ IDE ل Windows 10

• CudaText عبارة عن مبرمجي Windows مجانا

• SynWrite Editor: Free Text & Source Code Editor لWindows 10

• Best Free PHP IDE ل Windows 10

• كيفية جعل Windows app مواطن لأي موقع أو التطبيق على شبكة الإنترنت

• تقديم Windows 8.1: كيفية إضافة حسابات المستخدمين وإنشاؤها وتبديلها

• كيفية إضافة Create Restore Point item إلى Context Menu في Windows 10

• كيفية Manually Create على System Restore Point في Windows 10

• Create المؤشر المتحركة ل Windows 10 مع AniTuner

• Create desktop اختصار ل Switch User Accounts في Windows 11/10

• قم بإنشاء حسابات ومجموعات مستخدمين Windows جديدة ، مثل IT Pro

• 4 أدوات رائعة لإنشاء حزم Windows Installer

• كيفية إنشاء وتثبيت قرص ثابت افتراضي في Windows

• كيفية إعداد واستخدام Docker Desktop على Windows

• إعلامات Visualizer يتيح لك اختبار الإخطارات من التطبيقات

• 3 طرق لإنشاء عروض شرائح فيديو في Windows

• Create صور ودية ويب مع Bzzt! Image Editor ل Windows PC

• Create Local Administrator Account على Windows 10 باستخدام CMD

• Bulk install Windows apps مع Winstall ل Windows Package Manager

• كيفية Create and Print Address Labels في Windows 11/10