Create Firefox Extension?

[Thmmy.gr portal]

  Thmmy.gr portal
   Forum
   Downloads
   Ενεργ. Λογαριασμού
   Επικοινωνία
  
  Χρήσιμα links
   Σελίδα τμήματος
   Βιβλιοθήκη Τμήματος
   Elearning
   Φοιτητικά fora
   Πρόγραμμα Λέσχης
   Πρακτική Άσκηση
   Ηλεκτρονική Εξυπηρέτηση Φοιτητών
   Διανομή Συγγραμμάτων
   Ψηφιακό Καταθετήριο Διπλωματικών
   Πληροφορίες Καθηγητών
   Instagram @thmmy.gr
   mTHMMY
  
  Φοιτητικές Ομάδες
   ACM
   Aristurtle
   ART
   ASAT
   BEAM
   BEST Thessaloniki
   EESTEC LC Thessaloniki
   EΜΒ Auth
   IAESTE Thessaloniki
   IEEE φοιτητικό παράρτημα ΑΠΘ
   SpaceDot
   VROOM
   Panther
  

THMMY.gr Web

Helios_MultiScribbles2SMF Default ThemeSMFone_Blue

[Ανεβάζετε τα θέματα των εξετάσεων στον τομέα Downloads]

Είσαι πρωτοετής;... Καλώς ήρθες! Μπορείς να βρεις πληροφορίες εδώ. Βοήθεια για τους καινούργιους μέσω χάρτη.

Κατεβάστε εδώ το Android Application για εύκολη πρόσβαση στο forum.

Ανεβάζετε τα θέματα των εξετάσεων στον τομέα Downloads με προσοχή στα ονόματα των αρχείων!

[height=400]

  Όταν ανεβάζουμε φωτογραφίες στις Ανακοινώσεις και Έκτακτα νέα, βάζουμε τη μεγαλύτερη πλευρά 400 (width=400 ή height=400 ). π.χ. [img height=400 (κλείνει η αγκύλη) 

[fugiFOX]

ναι είναι must για τα αρχεία xul.
O firefox είναι χτισμένος με δυο κατηγορίες αρχέιων.
Τα XUL που παρέχουν ουσιαστικά το GUI twn XML
και τα js με προφανή χρήση.
Υποθέτω js γνωρίζεις πάνω κάτω οπότε εάν διαβάσεις για τα XUL είσαι έτοιμος

[Axel]

Java γνωριζω οποτε δεν πιστευω να εχω προβλημα με τη js.
Ενα καλο, ολοκληρωμενο και up2date tutorial χρειαζομαι μονο για τη δομη των αρχειων που περιεχονται στο xpi, γιατι απο αυτα που μου λες ειναι μισα ενημερωμενα. Εχεις κανενα link προχειρο?

[fugiFOX]

όχι δεν έχω κάτι πρόχειρο αλλά ρώτα ότι θες εδώ

[Axel]

Εισαι σιγουρος γι'αυτο που μου ειπες για το install.rdf? Εδω http://kb.mozillazine.org/Getting_started_with_extension_developmen διαβασα οτι

Recent versions of Firefox read a simple plaintext chrome.manifest file (instead of the old and confusing contents.rdf) to determine what packages and overlays your extension provides

[Axel]

Σαν να βρηκα μια ακρη. Εδω ειναι το ΑΡΙ που εψαχνα http://www.xulplanet.com/references/elemref/

Βρηκα και αυτη την εντολη που μου φαινεται σχετικη με αυτο που θελω να κανω!

http://www.xulplanet.com/tutorials/xultu/keyshort.html

<keyset>
  <key id="sample-key" modifiers="shift" key="R"/>
</keyset>

Τωρα πρεπει να βρω εναν τροπο να κανω overide το default function του οταν πατιεται το F3 πχ και με καποιο τροπο να του πω να κανει αυτο που θελω εγω.. Πολυ μπερδεμα. Κανενα hint?

[Axel]

Αλλη απορια. Τα default key bindings του firefox που βρισκονται? Καπου διαβασα για ενα αρχειο htmlBindings.xml platformHTMLBindinngs.xml αλλα δεν μπορω να το βρω.

Εναλλακτικα μπορω να κανω κατι τετοιο

window.addEventListener("keypress", FButtonsFun, false);

function FButtonsFun(event) {

<keyset>
  <key id="open-key" keycode="VK_F1" onkeypress="openTab();"/>
  <key id="prev-key" keycode="VK_F2" onkeypress="prevTab();"/>
  <key id="next-key" keycode="VK_F3" onkeypress="nextTab();"/>
</keyset>

}

[fugiFOX]

Αλλη απορια. Τα default key bindings του firefox που βρισκονται? Καπου διαβασα για ενα αρχειο htmlBindings.xml platformHTMLBindinngs.xml αλλα δεν μπορω να το βρω.

Εναλλακτικα μπορω να κανω κατι τετοιο

window.addEventListener("keypress", FButtonsFun, false);

function FButtonsFun(event) {

<keyset>
  <key id="open-key" keycode="VK_F1" onkeypress="openTab();"/>
  <key id="prev-key" keycode="VK_F2" onkeypress="prevTab();"/>
  <key id="next-key" keycode="VK_F3" onkeypress="nextTab();"/>
</keyset>

}

Εάν κάνεις το τελευταίο χωρίς να κάνεις overlay τα κουμπιά πυο υπάρχουν
φοβάμαι ότι θα γίνει κάποιο conflict.
Δοκίμασε να κάνεις overlay το browser.xul
και μετά βάλε στο F1 ένα alert window για δοκιμή και δες αν πετυχαίνει.
Εαν ναι τότε μπορείς να κάνεις τον τρόπο που σκέφτηκες
(η διαίσθησή μου λέει ότι θα πετύχει)

Εισαι σιγουρος γι'αυτο που μου ειπες για το install.rdf? Εδω http://kb.mozillazine.org/Getting_started_with_extension_developmen διαβασα οτι

Recent versions of Firefox read a simple plaintext chrome.manifest file (instead of the old and confusing contents.rdf) to determine what packages and overlays your extension provides

Υπάρχει γενικώς μια συγχυση με τις ονομασίες.
Αφήνοντας κατά μέρος τα ονόματα, ουσιαστικά η μεγάλη αλλαγή που έγινε είναι ότι
πλέόν 2 αρχεία καθορίζουν τη δήλωση του extension και τπτ άλλο.
Παλιότερα έπρεπε μέσα σε κάθε folder (localization, content, skin) κτλ
να κάνεις εκ νέου δηλώσεις των αρχείων που περιέχουν

[Axel]

Το API που βρηκα δεν μπορω να πω οτι με βοηθαει και ιδιαιτερα. Παιδευομαι τοση ωρα να βρω πως κανεις override τη default λειτουργια ενος κουμπιου. Βρηκα κατι σαν αυτο, αλλα δεν το εχω δοκιμασει. Λιγο καλυτερο documentation ρε παιδια...

event.preventDefault();
event.stopPropagation();

Λοιπον εχω αυτα τα δυο αρχεια.

<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="chrome://eb/skin/overlay.css" type="text/css"?>
<!DOCTYPE overlay SYSTEM "chrome://eb/locale/eb.dtd">
<overlay id="eb-overlay"
         xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
  <script src="overlay.js"/>
  <stringbundleset id="stringbundleset">
    <stringbundle id="eb-strings" src="chrome://eb/locale/eb.properties"/>
  </stringbundleset>
</overlay>




window.addEventListener("keypress", easyBrowsing, false);

function easyBrowsing(event) {

<keyset>
  <key id="open-key" keycode="VK_F1" onkeypress="openTab();"/>
  <key id="prev-key" keycode="VK_F2" onkeypress="prevTab();"/>
  <key id="next-key" keycode="VK_F3" onkeypress="nextTab();"/>
</keyset>
   
   
}

function openTab() {
  BrowserOpenTab();
}

function prevTab() {

}

function nextTab() {

}


Πως δηλωνω να κανει overlay το browser.xul? Εχω βαλει και ενα Developer's Extension. Απο εκει αν παω στο Javascript Injector και βαλω το δικο μου overlay θα τρεξει πανω στον ανοιχτο firefox?

Επιπλεον χρειαζεται να δηλωσω εναν ακομα listener window.addEventListener("load",easyBrowsing, true);

Τη συναρτηση BrowserOpenTab(); τη βρηκα μεσα στο browser.xul Υποθετω οτι ανοιγει καινουργιο tab. Που στο καλο ειναι στο documentation αυτη η συναρτηση?

[fugiFOX]

overlay   chrome://browser/content/browser.xul   chrome://urextensionname/content/urOverlay.xul
Βασικά το sample extension κανει overlay to browser.xul οποτε μπορεις να χρησιμοποιήσεις ως βάση αυτό

stopPropagation σταματάει ένα event από το να μεταφερθεί στα childs, δε νομιζω να σου κάνει,
αλλά και πάλι δεν παίρνω όρκο.


window.addEventListener("load", function(e) { urextensionname.onLoad(e); }, false);
αυτό είναι απαραίτητο για τα initiallizations.
και να έχεις μια συνάρτηση onLoad κι ας είναι κενή.


function openTab() {
  Βάλε εδώ μέσα ένα αλερτ να δεις πρώτα από όλα εαν φτάνει το πρόγραμμα εδώ ποτέ και μετά συνεχίζεις
}


window.gBrowser.loadURI(url);
αυτό ανοίγει tab με το url που του δίνεις.
Εάν δεν έχει νομίζω ανοίγει blank

[fugiFOX]

Δες κι αυτό, ίσως σε βοηθήσει
http://kb.mozillazine.org/Keyconfig_extension:_Firefox

Α και μην ξεχάσεις να βάλεις το DOMi (Dom inspector)
είναι πολύ βοηθητικό

[Axel]

Μπορει καποιος να ριξει μια ματια στο attachment και να μου πει γιατι δε φτανει ποτε το προγραμμα στις εντολες μεσα στο keyset? Το ειχα παρατησει κανα 2 μερες τωρα γιατι μου την ειχε σπασει που δε δουλευε. Μαλλον πρεπει να μαθω μερικα πραγματα στο πως γινεται το debbuging στα extensions..

[fugiFOX]

θα το δω να μπορέσω σήμετα το απόγευμα

[fugiFOX]

to extension σου έχει αρκετά λάθη.
Δεν μπόρεσα να το διορθώσω πλήρως, θα συνεχίχω αύριο

[fugiFOX]

στο διόρθωσα, είχε αρκετά λάθη, αλλά εκέινο που με παιδεψε περισσότερο ήταν ότι αντι'
chrome.manifest έγραψες chome.manifest
και ενώ εγώ διόρθωνα και έσβηνα το δικό σου,
η αλεπου πήγαινε κα δημιουργούσε αυτόματα το σωστό που έλειπε.

Σου έβαλα και μερικά alerts να καταλαβεις πως δουλεύουν.

Α! Το keyset είναι XML και όχι js.
Επίσης για να κάνεις override ta default keys πρέπει να το κάνεις append μέσα στο mainKeyset.
το οποίο το έκανα.
Συνέχισε κι αν έχεις κι άλλες απορίες εδώ είμαστε

to αρχειο ειναι tar

[Axel]

Ελα Fugi. Σ'ευχαριστω κατ'αρχην για τη βοηθεια. Αυτα τα τυπογραφικα στον προγραμματισμο ειναι θανατος...

Στο overlay.js υποθετω πως σου ξεφυγε το "load" αντι για "keypress" στο 2ο addEventListener. Anyway το αλλαξα αυτο. Οταν φορτωσω το extension και πατησω ενα οποιοδηποτε κουμπι βγαινει σωστα το window.alert in_keypressed_fun. Το θεμα ειναι πως δεν μπορω να βγαλω τα window alerts στην περιπτωση που πατησω καποιο απο τα F1,F2,F3. Σαν να αγνοει δλδ το keyset (η σαν να μην το χρησιμοποιω σωστα). Διορθωσα και ολα τα keyset βαζοντας το EasyBrowsing μπροστα απο καθε συναρτηση, αλλα δε πηγαινει μεσα στα window alerts. Σε σενα αυτο δουλευει σωστα?

Επισης εχω την εντυπωση τωρα πως δεν χρειαζεται καν το eventListener για το keypress. Αυτο δεν υποτιθεται οτι θα επρεπε να ρυθμισει απο το keyset?

Να και οι κωδικες

firefoxOverlay.xul

Code:

<?xml version="1.0"?> 
<?xml-stylesheet href="chrome://easybrowsing/skin/overlay.css" type="text/css"?> 
<!DOCTYPE overlay SYSTEM "chrome://easybrowsing/locale/overlay.dtd"> 
<overlay id="easybrowsing-overlay" 
    xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> 
  <script src="overlay.js"/> 
  
  <keyset id="mainKeyset">
  	<key id="open-key" keycode="VK_F1" onkeypress="EasyBrowsing.openTab();"/>
  	<key id="prev-key" keycode="VK_F2" onkeypress="EasyBrowsing.prevTab()"/>
  	<key id="next-key" keycode="VK_F3" onkeypress="EasyBrowsing.nextTab();"/>
  </keyset>
  
  <menupopup id="menu_ToolsPopup"> 
  	<menuitem id="easybrowsing-hello" label="easybrowsing" 
    		oncommand="easybrowsing.onMenuItemCommand(event);"/> 
  </menupopup> 
  
</overlay> 

overlay.js

Code:

var EasyBrowsing = {
 onLoad: function() {
	this.initialized = true;
	window.alert("in_load_FUN");
 },

 onMenuItemCommand: function() {
  //window.open("chrome://easybrowsing/content/hello.xul", "", "chrome");
 },


 keyPressed: function(event){
  window.alert("in_keypressed_fun");
 },

 openTab: function() {
  window.alert("openTab!");
 },

 prevTab: function() {
  window.alert("prevTab!");

 },

 nextTab: function() {
  window.alert("nextTab!");
 }
};

window.addEventListener("load", function(e) { EasyBrowsing.onLoad(e); }, false); 
window.addEventListener("keypress", function(e) {EasyBrowsing.keyPressed(e);}, false);