Xpom-xpum! sdk

Ce este?


Xpom Xpum! SDK - acesta este un IDE gratuit la open source C # (Licență - MIT). Scop - pentru a scrie tot felul de diferite extensii și aplicații pentru browser-ul pe bază de crom.







Cum să utilizați?


Deci ai descărcat ultima versiune Xpom-Xpum! SDK (la momentul scrierii - Alpha) și asigurați-vă că .NET Framework 4 instalat.
Înainte de a - fereastra IDE.

În primul rând, la fel ca în multe altele IDE, aveți nevoie pentru a crea un proiect:

  1. Faceți clic pe Fișier> Nou.
  2. Selectați tipul de proiect dvs. -. «Extensia Chrome“ Introduceți numele unui anumit proiect. Având în vedere că dosarul va fi creat cu numele proiectului, numele nu trebuie să conțină oricare dintre aceste caractere: \ /? " <> .
    Memoreaza directorul de proiect. Acesta este dosarul în care fișierele vor fi de expansiune noastre.
  3. În browser-ul proiectului (stânga) apare fișierul manifest.json. Dublu-clic pe el - și puteți vedea textul conținut:

fișier care este suficient pentru a fi capabil de a instala o extensie de testare în Chrome (deși prin meniul Project, puteți adăuga fișiere și foldere, de exemplu, cu pictograme, script-ul de fundal sau script-uri de conținut).
  • Apăsați butonul «Run» din bara de instrumente.

    Xpom-Xpum! lansează extensia Google Chrome instanță instalat. Puteți vedea extensia, dacă accesați link-ul de crom: // extensions.

    În cazul în care browser-ul este deja în execuție, atunci extensia este ușor de instalat în instanță sa actuală.
  • Pentru a face o extensie a alerga afara Xpom-Xpum, puteți ambala în CRX (dar într-un nou Chromium și toate browserele bazate pe este interzisă instalarea unor astfel de extensii!) Sau doar să descărcați în modul dezvoltator în browser-ul, specificați Project dosar.

  • Ce se întâmplă dacă nu aveți Google Chrome?


    Xpom-Xpum! Acesta poate fi folosit cu orice browser pe bază de crom, în cazul în care acesta este corect susține o extensii de linie de comandă.

    Se recomandă utilizarea: Comodo Dragon, SRWare Iron, Uran, Yandex Browser.

    Pentru a personaliza browser-ul în IDE:
    1. Tu du-te în Run -> Setări Executare.
    2. Faceți clic pe Adăugați la lista de browser.
    3. Introduceți calea către EXE browser-ul dvs. (de exemplu, C: \ Program Files \ Browser \ chrome.exe). Apăsați OK.
    4. Important: selectați browserul din lista Browser din fereastra Run Settings.
    5. Faceți clic pe OK în Setări Executare.

    Setarea IDE


    În Xpom-Xpum! SDK, puteți crea propriul tip de proiect pentru fereastra New Project, și personaliza evidențierea sintaxei. Acest lucru - în documentația.







    > Au un buton de pornire în browser
    Ai nevoie de un livereload funcție, pe care le prezintă. Pentru aceasta

    > Ambalaje CRX, ZIP?
    preparare manuală poate duce la erori și nu este compatibil cu integrare continuă. Prin urmare, acesta este un avantaj efemeră. În timpul acestei 0.

    > Gata făcut template-uri, extensii de aplicații?
    Deoarece acest proiect nu a mai văzut. Generator de cod șabloane / fragmente de baze de date este obtinerea destul de repede gata. În timpul acesta.

    > Nu autocompletare planificate (sau cel puțin un set mare de fragmente gata făcute) pentru membrii crom. *?
    Din nou, acest lucru poate fi terminat, dar nimeni nu a fost implicat în (pregătirea dosarelor pentru completarea automată).

    >> Manual de preparare poate duce la erori și nu este compatibil cu integrare continuă
    Nu înțeleg ce vrei să spui. Ambalare în ZIP, în primul rând proiectat pentru a descărca extensii pentru Google Webstore.
    Ambalare în CRX - pentru o instalare ușoară în browsere mai vechi. CRX este la fel cum a fost stabilit printr-un buton special pe pagina chrome: // extensions.

    >> Deci, un proiect de tăiere, dar nu ca ReactOS (17 ani scris).
    Faptul că există acum, am scris doar 3 luni ... experienta in WPF a avut suficient. ContentTemplate, ItemTemplate, Binding aflat deja în curs de scriere.

    > Nu înțeleg ce vrei să spui.
    Integrarea continuă. și Jenkins, TeamCity, și așa mai departe.

    > Ambalare în ZIP, destinat în primul rând pentru a descărca extensii pentru Google Webstore. Ambalare în CRX - pentru o instalare ușoară în browsere mai vechi.
    De ce? În timpul dezvoltării, nu este necesar, iar fișierele vor fi create automat pentru distribuție.

    > Lurkmore.to/Умение_разбираться_в_чужом_коде :-)
    Nu înțeleg ce vrei să spui.

    Exemplul 1. Trebuie să adăugați scriptul de conținut.
    manual:
    1. Deschideți manifest.json
    2. Stilouri scrie calea către script-ul.
    3. Stilouri scrie permisiuni masca URL accesibilă. Chiar dacă este "*: // * / *".
    4. Creați fișierul script.
    5. Deschideți script-ul. Scrieți un cod.
    în mod automat:
    1. Deschideți generatorul manifest.json.
    2. Apăsați „Adăugați scriptul de conținut.“
    3. există o fereastră de „conținut de Proprietăți script.“ Acesta este deja stabilit și run_at «document_end», și masca URL "*: // * / *". Le puteți modifica sau puteți pur și simplu, fără ezitare, zhmyaknut în caseta „OK“ sau «Enter».
    4. Toate. Cale, pentru a masca manifest.json și permisiunile sunt înregistrate automat. Fișierul script este adăugat automat, dar încă deschisă pentru noi în fila. Se adaugă script. Puteți scrie cod.

    Exemplul 2. Este necesar să se adauge un element la meniul contextual.
    manual:
    1. Deschideți manifest.json
    2. Mânerele adăuga contextmenus în permisiuni.
    3. Stilouri trebuie să scrie un scenariu în fundal Manifest, dacă nu aveți deja
    4. Pixuri adăuga un script de fundal.
    5. Deschideți scriptul. Noțiuni de bază în developer.chrome.com/extensions/contextMenus de documentare. Minere scris codul.
    în mod automat:
    1. Deschideți generatorul manifest.json
    2. Apăsați „Adăugați elementul de meniu“.
    3. Apare fereastra „Proprietăți element de meniu.“ Acesta umple element de text, pictograma, context. Asigurați-vă că pentru a umple numai textul. Scrii textul și apăsați OK.
    4. Toate. contextmenus adăugat automat. Scriptul de fundal este înregistrată și a adăugat în mod automat. chrome.contextMenus.create () codul Ready este generat automat. element de meniu adăugat. nu este necesar să se urce în documentație, nu este necesar să se îngropa în chrome.contextMenus.create ().

    Și astfel, din JSON sunt în favoarea generatorului nu va renunța. Vor fi două.

    >> Nu înțeleg ce vrei să spui.
    Faptul că este mai ușor să scrie IDE, decât de învățare un cod străin, ci pentru a adăuga la un cuplu de caracteristici.