ในบทความต่อไปนี้เราจะมาดู Responsively App กัน นี่เป็นเครื่องมือพัฒนาฟรีที่เราหาได้สำหรับ Gnu / Linux, Microsoft Windows และ macOS แอปพลิเคชันคือ เบราว์เซอร์ดัดแปลงที่ใช้อิเล็กตรอนและจะแสดงเว็บแอปพลิเคชันบนอุปกรณ์หลายเครื่องพร้อมกันและในหน้าต่างเดียวทำให้ผู้ใช้โต้ตอบได้.
อย่างที่ฉันพูดไป นี่คือเบราว์เซอร์ดัดแปลงที่สร้างด้วย อิเล็กตรอน นี้ สามารถช่วยในการพัฒนาเว็บที่ตอบสนองได้. แอปนี้เผยแพร่ครั้งแรกในต้นปี 2020 และค่อนข้างได้รับความนิยมจากนักพัฒนาเว็บอยู่แล้ว หลายคนมองว่าเป็นเครื่องมือพัฒนาที่นักพัฒนาส่วนหน้าทุกคนต้องมี เพราะมันช่วยอำนวยความสะดวกในการทำงานได้มาก
ลักษณะทั่วไปของ APP ที่ตอบสนอง
- การโต้ตอบที่ทำโดยผู้ใช้จะถูกทำซ้ำบนอุปกรณ์ทั้งหมด. การกระทำ (เช่น การคลิก การเลื่อน เป็นต้น) ที่เราดำเนินการในอุปกรณ์ตัวใดตัวหนึ่งจะถูกจำลองในอุปกรณ์อื่นทั้งหมดแบบเรียลไทม์ ตัวเลือกนี้สามารถปิดใช้งานได้ในอุปกรณ์เดียวหรือทุกเครื่องที่เราเปิดใช้งาน
- เรา มันจะช่วยให้สร้างการจัดการของอุปกรณ์ตามที่เราต้องการ
- เราจะพบ โปรไฟล์อุปกรณ์ในตัวมากกว่า 30 รายการพร้อมตัวเลือกในการเพิ่มอุปกรณ์ที่กำหนดเอง. ซึ่งรวมถึงอุปกรณ์โหมดตอบสนองพิเศษสำหรับการปรับขนาดหน้าจอได้อย่างอิสระ
- โปรแกรมจะให้โอกาสเราในการ ตรวจสอบรายการใด ๆ บนอุปกรณ์ใด ๆ โดยใช้เพียงคลิกเดียว.
- เราทำได้ ถ่ายภาพหน้าจอแบบเต็มหน้าของอุปกรณ์ทั้งหมดหรืออุปกรณ์เฉพาะ.
- มันสามารถ โหลดอัตโนมัติบนอุปกรณ์ทั้งหมดแบบเรียลไทม์ทุกบันทึก HTML / CSS / JS.
- แอปพลิเคชันยังiรวมตัวแก้ไข CSS แบบสด, และโหมดการออกแบบซึ่งช่วยให้ผู้ใช้สามารถแก้ไข HTML ได้โดยตรงโดยไม่ต้องใช้เครื่องมือในการพัฒนา นอกจากนี้ยังมีตัวเลือกการจำลองความเร็วเครือข่าย การซูม การปิดใช้งานการตรวจสอบ SSL และการสนับสนุนโปรโตคอลต่างๆ เหนือสิ่งอื่นใด
- ด้วย เราจะพบการสนับสนุนพร็อกซีเครือข่าย ธีมสว่างและมืด.
- โปรแกรมจะนำเสนอชุดของ แป้นพิมพ์ลัด เพื่ออำนวยความสะดวกในการทำงาน
- เรายังสามารถใช้ ส่วนขยายเบราว์เซอร์เสริม (สำหรับ Chrome, Firefox และ Edge) ซึ่งใช้เพื่อส่งลิงก์จากเว็บเบราว์เซอร์ไปยัง Responsively App อย่างง่ายดาย และดูตัวอย่างหน้าได้ทันที
นี่เป็นเพียงคุณสมบัติบางส่วนของโปรแกรมนี้ เป็นไปได้ ปรึกษาพวกเขาทั้งหมดโดยละเอียดจากไฟล์ เว็บไซต์โครงการ.
ดาวน์โหลด Responsively App
แอปพลิเคชันนี้สามารถใช้งานได้ใน Ubuntu เป็นไฟล์ AppImage ไฟล์นี้ เราสามารถหาได้สำหรับคุณ ดาวน์โหลดที่เว็บไซต์โครงการ. นอกจากการดาวน์โหลดจากเว็บเบราว์เซอร์แล้ว เรายังสามารถเปิดเทอร์มินัล (Ctrl + Alt + T) และเรียกใช้ wget ด้วยวิธีต่อไปนี้เพื่อดาวน์โหลดเวอร์ชันล่าสุดที่เผยแพร่ในวันนี้:
wget https://github.com/responsively-org/responsively-app/releases/download/v0.18.0/ResponsivelyApp-0.18.0.AppImage
ในการใช้ไฟล์ AppImage ที่เราเพิ่งดาวน์โหลดมา ให้คลิกขวาที่ไฟล์นี้ เลือก Properties และภายใต้ Permissions มองหาตัวเลือกที่ระบุว่าเราอนุญาตให้เรียกใช้ไฟล์เป็นโปรแกรม. ความเป็นไปได้อีกประการหนึ่งในการให้สิทธิ์ที่จำเป็นคือการเปิดเทอร์มินัล (Ctrl + Alt + T) และไปที่โฟลเดอร์ที่เราบันทึกไว้และเขียนคำสั่ง:
sudo chmod a+x ResponsivelyApp-0.18.0.AppImage
หลังจากทำเช่นนี้ ในการเริ่มโปรแกรม คุณเพียงแค่ดับเบิลคลิกที่ไฟล์ .AppImage นอกจากนี้ยังสามารถเริ่มต้นได้ด้วยการรันในเทอร์มินัล:
./ResponsivelyApp-0.18.0.AppImage
ถ้าคุณต้องการ ติดตั้งส่วนขยายสำหรับเว็บเบราว์เซอร์ ซึ่งคุณสามารถส่งลิงก์จากเบราว์เซอร์ของคุณไปยังแอปพลิเคชันและดูตัวอย่างได้ทันทีสิ่งที่คุณต้องทำคือไปที่หน้าดาวน์โหลดของโปรเจ็กต์และเลื่อนลงไปที่ด้านล่างของเว็บ ที่นั่นเราจะพบ ส่วนขยายสำหรับ Firefox, Chrome หรือ Edge.
ตามที่ระบุจาก ที่เก็บ GitHub ของโครงการหากผู้ใช้รายใดมีปัญหาในการใช้แอปพลิเคชัน สามารถเปิดปัญหาและรายงานได้ในหัวข้อต่อไปนี้ ลิงค์. สำหรับข้อมูลเพิ่มเติมเกี่ยวกับโครงการนี้ ผู้ใช้สามารถไปที่ เว็บไซต์โครงการ.