A Simple Web Browser Using WebKit2Gtk

WebKit is a html rendering engine developed by Apple and primarily used in its Safari web browser, as well as all iOS web browsers. WebKitGtk is a GTK toolkit that can call WebKit under Linux GTK platform. This app shows how to create a very simple web browser using WebKit running on a GTK+3 Linux platform.

1. Define an entry for entering URI.
2. Define buttons: Go, Zoom In and Zoom Out for controlling the browser.
3. Include component WebKit2Gtk by from gi.repository import WebKit2 and WebKit2.WebView().
4. Use the command webview.load_uri() to load a web page.
5. Use the command webview.set_zoom_level(zoom_size) to zoom the web page, where zoom_size = 1.0 means 100%.

Reference

https://webkitgtk.org/reference/webkit2gtk/2.5.1/WebKitWebView.html

To install the component WebKit2Gtk under Debian Linux:
# apt-get install gir1.2-webkit2-4.0

Source Code

---

#!/usr/bin/env python3 # reference: # https://lazka.github.io/pgi-docs/WebKit2-4.0/classes/WebView.html import sys, gi gi.require_version('WebKit2', '4.0') gi.require_version('Gtk', '3.0') from gi.repository import Gtk, Gdk, WebKit2 class Browser(Gtk.Window): def __init__(self): Gtk.Window.__init__(self, title='Simple Browser') self.connect('show', self.callback,'showWin') self.set_default_size(width=800, height=540) self.set_border_width(2) self.zoomSize = 100 # page zoom: 100% mBox1 = Gtk.VBox(homogeneous=False, spacing=2) self.add(mBox1) # mhbox = Gtk.HBox(homogeneous=False, spacing=2) # url self.entry = Gtk.Entry() self.entry.set_text("https://opentechnicalblog.blogspot.com/") mhbox.pack_start(self.entry,True,True,2) # go button mbutGo = Gtk.Button(label="Go") mbutGo.connect("clicked",self.callback,"goUrl") mhbox.pack_start(mbutGo,False,True,2) # zoom in page mbutZIn = Gtk.Button() mbutZIn.connect("clicked",self.callback,"zoomIn") mpixbuf = Gtk.IconTheme.get_default().load_icon("zoom-in", 24, 0) mImg = Gtk.Image().new_from_pixbuf(mpixbuf) mbutZIn.set_image(mImg) mhbox.pack_start(mbutZIn,False,True,2) # zoom out page mbutZOut = Gtk.Button() mbutZOut.connect("clicked",self.callback,"zoomOut") mpixbuf = Gtk.IconTheme.get_default().load_icon("zoom-out", 24, 0) mImg = Gtk.Image().new_from_pixbuf(mpixbuf) mbutZOut.set_image(mImg) mhbox.pack_start(mbutZOut,False,True,2) mBox1.pack_start(mhbox,False,True,2) # # webkit self.webview = WebKit2.WebView() mscwin = Gtk.ScrolledWindow() mscwin.set_policy(Gtk.PolicyType.NEVER, Gtk.PolicyType.AUTOMATIC) mscwin.set_shadow_type(Gtk.ShadowType.IN) mscwin.add(self.webview) mBox1.pack_start(mscwin,True,True,2) # self.show() def callback(self, widget, data): if data == 'showWin': self.webview.load_uri(self.entry.get_text()) self.webview.set_zoom_level(float(self.zoomSize/100)) elif data == 'goUrl': self.webview.load_uri(self.entry.get_text()) elif data == 'zoomIn': self.zoomSize += 10 if self.zoomSize >=200: self.zoomSize = 200 self.webview.set_zoom_level(float(self.zoomSize/100)) elif data == 'zoomOut': self.zoomSize -= 10 if self.zoomSize <=50: self.zoomSize = 50 self.get_source(None,None) self.webview.set_zoom_level(float(self.zoomSize/100)) window = Browser() window.connect("delete-event", Gtk.main_quit) window.show_all() Gtk.main()