Tech Stack: Python, Tkinter, Sockets, Dukpy

Want to create a simple browser using Python and Tkinter? This project is a great starting point. It demonstrates how to use the tkinter library to create a basic web browser interface.

Read the wiki for more information on how to use this project.

Everything built in this project is done from scratch.

• URL Parser - Parses URLs and handles different protocols (http, https, file, view-source, data etc.)
• HTML Parser - Parses HTML documents and builds a Document Object Model (DOM) tree.
• CSS Parser - Parses CSS stylesheets and applies styles to the DOM.
• Layout Tree - Generates a layout tree from the DOM and applies styles.
• Renderer - Renders the layout tree to the screen.
• History - Keeps track of visited URLs and allows navigation through history.
• Bookmarks - Allows users to bookmark URLs for quick access.
• Shortcuts - Provides keyboard shortcuts for common actions like back, forward, reload.
• JavaScript Support - Uses the dukpy library to execute JavaScript code in the browser.
• Console - Provides a console for executing JavaScript code and debugging.

To run this project, you need to have Python installed on your machine. You can download Python from the official website.

You also have to install the tkinter library, which is usually included with Python installations. If it's not installed, you can install it using pip:

pip install tk

If you want to use the dukpy library for JavaScript support, you can install it using pip as well:

pip install dukpy

After installing Python, you can clone this repository and run the window.py file to start the browser.

git clone https://github.com/karanBRAVO/ky_browser

cd ky_browser

python window.py

note: If you are using Python 3, you may need to use python3 instead of python in the command above.

You also have to replace the local paths in the code.

To test the browser, you can use the following URLs:

Start the server to serve the local files:

python server.py

Then, open the browser and navigate to:

• http://localhost:8080 (for local files)
• http://localhost:8080/index.html (for a specific HTML file)
• http://localhost:8080/style.css (for a CSS file)
• view-source:http://localhost:8080/index.html (for viewing the source code of an HTML file)
• data:text/html,<h1>Hello, World!</h1> (for displaying a simple HTML document)
• file:///path/to/your/file.html (for viewing a local HTML file, replace /path/to/your/file.html with the actual path to your file)

or you can use any valid URL, such as:

• http://example.com