Δημιουργία Chrome extension

[Xvipes]

Καλησπέρα.

Είπα να δοκιμάσω να φτιάξω ένα chrome extension για μια σελίδα που μπαίνω.

Αυτό που θέλω να κάνω είναι αρκετά απλό στην ιδέα αλλά με τις γνώσεις που έχω πάνω στα extensions του chrome τελικά έγινε δύσκολο.

 

Θέλω να κάνω mouseover σε μια  <a href > εικόνα και να μου ανοίγει σε ένα div δίπλα από το mouse σε πλήρης μέγεθος.

 

Έχω φτιάξει ένα javascript που το κάνει αυτό σε ότι εικόνα δει με class="preview" 

π.χ <a href="1.jpg" class="preview"><img src="1s.jpg" alt="gallery thumbnail" /></a>

 

Αυτό που μένει τώρα (και δε ξέρω πως ακριβώς να το ψάξω) είναι να το ενσωματώσω σε ένα ήδη υπάρχων site(όχι δικό μου) ώστε όταν πηγαίνω στο thumb της εικόνας αυτή να ανοίγει full size δίπλα στο mouse.

 

Μπορώ να παραθέσω και τα 3 αρχεία(html,css,js) αν χρειάζονται για να μου πείτε.

 

tl;dr ξέρει κανείς από manifest.json ?

 

[mixalisSt]

Βασικά αυτό που θέλεις να κάνεις λέγεται javascript injection και στο chrome είναι πολύ απλό. Απλά πρέπει στο manifest.json να

συμπεριλάβεις εκτός των βασικών το "content scripts" και τίποτα άλλο:

{

  "manifest_version": 2,

 

  "name": "onoma extension",

  "description": "perigrafh extension",

  "version": "1.0",

  "browser_action": 

  {

    "default_icon": "icon.png",

"default_popup": "popup.html"

  },

  "content_scripts": 

  [

    {

      "matches": ["domainPathMatches],

      "js": ["arxeio.js"]

    }

  ]

}

 

στο "matches": ["domainPathMatches"], μπορείς να χρησιμοποιήσεις Match Patterns

από εδώ: http://developer.chrome.com/extensions/match_patterns.html,

αν έγινε η δημιουργία του για site συγκεκριμένο, τότε γράψε: "matches": ["http://www.domainName/*],

[Xvipes]

πως μπορώ να ξέρω ότι το javascript έχει ενεργοποιηθεί για την συγκεκριμένη σελίδα ή ακόμα πως μπορώ να ξέρω ότι το extension όντως λειτουργεί.

 

p.s το manifest το έφτιαξα και δε βγάζει error τώρα.

{
    "manifest_version": 2,
    "name": "site",
    "version": "1.0",
    "description": "Making your first Google Chrome extension.",
    "browser_action": {
        "default_icon": "icon.png"
        
    },
    "content_scripts": 
  [
    {
      "matches": ["http://trafficlag.gr/*"],
      "js": ["popup.js","jquery.min.js"]
    }
  ]
} 

στο τοπικό μου site δίνοντας τον ίδιο κώδικα html δουλεύει.

Επεξ/σία 24 Μαΐου 2013 από Xvipes