JavaScript 與 Desktop - Desktop and WebKit

pan class="cp">
#!/usr/bin/gjs
// 一、定義 dbus 函數

// see: dbus-notify.js

// link: https://rocksaying.github.io/archives/14229429.html

const DBus = imports.dbus;
function Notifications() { // 定義代理個體的類別

    this._init();
};
Notifications.prototype = {
    _init: function() {
	DBus.session.proxifyObject (this,
				   'org.freedesktop.Notifications',
				   '/org/freedesktop/Notifications');
    }
};
DBus.proxifyPrototype(Notifications.prototype, // 將介面內容注入代理類別

{   // 描述 org.freedesktop.Notifications 的介面內容 

    name: 'org.freedesktop.Notifications',
    methods: [
        { name: 'GetServerInformation', inSignature: '', outSignature: 'ssss'},
        { name: 'Notify', inSignature: 'susssasa{sv}i', outSignature: 'u' }
    ],
    signals: [
        { name: 'NotificationClosed', inSignature: '', outSignature: 'uu' }
    ]
});
var notifier = new Notifications(); // 建立遠端個體在本地端的代理者



var GLib = imports.gi.GLib;
var Gtk = imports.gi.Gtk;
var WebKit = imports.gi.WebKit;
// apt-get install git1.0-gtk-2.0 gir1.0-webkit-1.0, gir1.0-soup-2.4


GLib.set_prgname('hello webkit 2');
Gtk.init(0, null);

var w = new Gtk.Window();
w.connect("destroy", Gtk.main_quit);
w.resize(300,200);

var view = new WebKit.WebView();
w.add(view);

//var settings = view.get_settings();

//print(settings.userAgent);


//二、定義UI頁面載入完成後(onLoad)的處理函數。

const WebKitLoadStatus = {
    WEBKIT_LOAD_PROVISIONAL: 0,
    WEBKIT_LOAD_COMMITTED: 1,
    WEBKIT_LOAD_FINISHED: 2,
    WEBKIT_LOAD_FIRST_VISUALLY_NON_EMPTY_LAYOUT: 3,
    WEBKIT_LOAD_FAILED: 4
};

view.connect("notify::load-status", function() {
    if (view.loadStatus == WebKitLoadStatus.WEBKIT_LOAD_FINISHED) {
        print("loaded");
        view.execute_script("function notify(message) { document.title = message; }");

        var frame = view.get_main_frame();
        print(frame.get_uri());
    }
});

//三、定義內部調用外部資源的訊號事件處理函數。

// see: http://www.aclevername.com/articles/python-webgui/#message-passing-with-webkit

view.connect("title-changed", function(widget, frame, title) {
    if (view.loadStatus != WebKitLoadStatus.WEBKIT_LOAD_FINISHED)
        return;
    notifier.NotifyRemote(
        "appname", 0, "message-im", "Test", title, [], {}, -1,
        function(result) {
            view.execute_script("alert('notify id: " + result + "');");
        }
    );
});

view.load_uri("file:///home/rock/workspace/hello_xulruner/hello_xulrunner/chrome/content/index2.html");
w.set_position(1); //GTK_WIN_POS_CENTER

w.show_all();
Gtk.main();

<script type="text/javascript">
    $(document).ready(function() {
        function event_change_name() {
            var name = $('#entry_name').val();
            $('#name').text(name);

            notify(name);
            //document.title = name;


            var flickr = "http://api.flickr.com/services/feeds/photos_public.gne?tags=" +
                name + "&tagmode=any&format=json&jsoncallback=?";
            $("#images").empty().text("loading...");
            $.getJSON(flickr, function(data){
                $("#images").empty();
                $.each(data.items, function(i,item){
                    $("<img/>").attr("src", item.media.m).appendTo("#images");
                    if ( i == 2 ) return false;
                });
            });
        }
        
        $('#entry_ok').click(event_change_name);
        $('#entry_name').change(event_change_name);
        
    });
    </script>