วิธีสร้างเว็บเบราว์เซอร์ของคุณเองฟรีด้วย Visual Studio

เคยอยากสร้างเว็บเบราว์เซอร์ของตัวเองหรือไม่? ไม่ใช่ความคิดที่แย่ เพราะข้อมูลทั้งหมดที่เบราว์เซอร์ควรทราบเกี่ยวกับคุณจะเก็บอยู่บนคอมพิวเตอร์ของคุณเอง

ทำตามขั้นตอนง่ายๆ ด้านล่างเพื่อสร้างเบราว์เซอร์พื้นฐานฟรีที่สะท้อนสไลล์ส่วนตัว เราจะใช้ Visual Studio แต่มีโค้ดน้อยมาก

การติดตั้งและอัปเดต

เริ่มต้นด้วยการดาวน์โหลด Visual Studio Community Edition จาก Microsoft ซึ่งฟรีสมบูรณ์ ซอฟต์แวร์นี้อัปเดตบ่อย ดังนั้นควรอัปเกรดเป็นเวอร์ชันล่าสุด Visual Studio อาจดู笨重และใหญ่เกินไป แต่มีเทมเพลตฟรีมากมาย รวมถึงเบราว์เซอร์เว็บ

ขั้นตอนการสร้างแอปพลิเคชันเบราว์เซอร์

เลือกสร้างโปรเจกต์ใหม่ เลื่อนลงไปที่ Windows Forms App ใน .NET Framework ในที่นี้ ควรจำนิยามพื้นฐานของเบราว์เซอร์เว็บ: มันคือฟอร์มที่เรียกเว็บไซต์และเอกสารมาแสดงผลให้ชัดเจนขึ้น

ตั้งชื่อเบราว์เซอร์และคลิก "Create" สำหรับเบราว์เซอร์ส่วนตัวของผม ผมตั้งชื่อว่า "Fantastic Browser"

เมื่อโปรแกรมเปิด คุณจะเห็นฟอร์มว่างเปล่า คลิก "Toolbox" ด้านซ้าย (หรือเปิดจากเมนู "View") เลื่อนลงเลือก "WebBrowser"

มีแผงสองแผงที่ต้องแก้ไขในพื้นที่ทำงาน แผงหนึ่งคือ "Properties" ซึ่งมีรายละเอียดเกี่ยวกับหน้าต่างเบราว์เซอร์ ที่นี่คุณกำหนดขอบ ขนาด แท็บสต็อป และการแสดงแถบเลื่อนได้

อีกแผงคือฟอร์มหลัก ที่นี่มีเมนูเล็กๆ ที่ต้องคลิก: "Undock in Parent Container"

เมื่อคลิก "Undock" แล้ว คุณจะปรับขอบหน้าต่างเบราว์เซอร์ด้วยตนเองได้ ส่วนนี้จะแสดงเนื้อหาของเว็บไซต์ บันทึกแอปพลิเคชันและไปขั้นตอนต่อไป

การสร้างเมนูรายการของเบราว์เซอร์

เพื่อสร้างเมนู ให้ใช้ Toolbox ชื่อ "Button" ลากไปวางที่ตำแหน่งใดก็ได้ในฟอร์มหลัก

เช่นกัน ต้องการ "Textbox" จาก Toolbox เพื่อรับ URL ที่ต้องการเยี่ยมชม

เมื่อจัดเรียงปุ่มและกล่องข้อความเสร็จ ให้จัดวางให้คล้ายหน้าต่างเบราว์เซอร์พื้นฐาน ปุ่มจะจัดเรียงสมมาตรโดย Visual Studio ทำให้สร้างช่องว่างเท่าๆ กันได้ง่าย

รูปร่าง ขนาด และสีของปุ่มปรับแต่งได้จาก "Properties"

ขั้นตอนต่อไป ไปที่ Properties ของแต่ละปุ่มและเปลี่ยนชื่อ ผมใช้ "Behind" สำหรับ back, "Ahead" สำหรับ forward, "Refresh" และปุ่ม home ใช้ชื่อของตัวเอง สามารถใช้ไอคอนเล็กๆ เปิดใช้ tab stops ระหว่างปุ่ม และปรับแต่งรายละเอียดอื่นๆ

ดับเบิลคลิกที่ปุ่มที่เปลี่ยนชื่อแล้ว เพื่อแก้ไขโค้ดจากตำแหน่งเริ่มต้น สำหรับปุ่ม back ใช้ webbrowser1.GoBack() สำหรับ forward ใช้ webbrowser1.GoForward() และมีตัวเลือกสำหรับ home และ search เช่นกัน

เพื่อใช้ textbox สำหรับพิมพ์ URL ใช้ webBrowser1.navigate(textbox.text) สามารถใช้ URL ใดก็ได้สำหรับปุ่ม "home"

รันและบันทึกเบราว์เซอร์

เมื่อกำหนดเส้นทางนำทางสำหรับปุ่มและ textbox ทั้งหมดแล้ว สร้างตัวเลือกเพิ่มเติมจาก "toolbox" ได้ ผมเลือก "horizontal scroll bar" ยังมีตัวเลือกสำหรับเครื่องมือค้นหา แต่ยังไม่มี omnibox แต่สามารถสร้างเพิ่มได้หากเรียนรู้ Visual Studio เพิ่มเติม

คลิกปุ่ม "Start" ที่ด้านบนของ Visual Studio จะรันเบราว์เซอร์ภายในโปรเจกต์ฟอร์ม ทดสอบหน้าแรกหรือเครื่องมือค้นหา หากเพิ่มขนาดหน้าต่างเบราว์เซอร์เต็มจอ จะไม่รู้สึกต่างจากเบราว์เซอร์ทั่วไป

จำไว้ว่าต้องบันทึกโปรเจกต์เบราว์เซอร์เป็นไฟล์ .csproj สามารถเปิดใช้งานโดยตรงจาก Visual Studio ในอนาคต สามารถเปลี่ยนไอคอนจาก "Settings" และ "Personalization" ของ Windows ได้

สรุป

หากต้องการความเป็นส่วนตัวสูงสุด ไม่มีอะไรเทียบเท่าการมีเบราว์เซอร์ของตัวเอง ขั้นตอนข้างต้นจะช่วยสร้างและรันเบราว์เซอร์ของคุณจาก PC หรือ Mac หากต้องการฟีเจอร์มากขึ้น Visual Studio มีโปรแกรมขั้นสูง แต่ต้องมีความรู้ด้านโค้ดที่ลึกกว่า

คุณจะสร้างเบราว์เซอร์ของตัวเองเร็วๆ นี้ไหม? ใช้โปรแกรมอะไรสร้างบ้าง? รอฟังจากคุณครับ!