, gebeurtenissen en real - time nieuws in de uitbreiding van het gebruik van simperium chroom,,,,,,,,,,,, 31, aandelen,,,,,,, het netwerk van delen van maandag wat in tuts + koers zal dalen tot slechts drie dollar.Niet' niet missen.,, ik was onlangs in de gelegenheid om de ontwikkeling van chroom uitbreiding zien.  verhaal is heel simpel, ik moet aan de gebruiker van de groep, die van de website van het gebruik van de groep.Een uitbreiding van het dossier van een punt van chroom, ontmoette ik simperium na een duidelijke keuze voor een dienst, mag ik met de uitbreiding van de transmissie en ontvangst van gegevens in real time.,,, in dit artikel zullen we zien dat integratie van de real - time - informatie van je browser uitgebreid, zo simpel is Het.Om dit te illustreren, ons uiteindelijke doel is een uitbreiding van de real - time bijgewerkt chroom, open - label, tot een afzonderlijke controle van pagina 's, wat is simperium,,, simperium is aangeboden diensten, zullen worden opgenomen in de gegevens in verband met de cliënt of wijziging van een real - time bijgewerkt.Het op een efficiënte manier, door de toezending van de gegevens, is veranderd.Het kan zelfs een hola gegevens biedt een online interface. Elke verandering van het begin, in de eerste plaats, dan moet je een rekening te creëren.Je kan er verschillende programma 's in de beschikking, maar je kan ook de selectie van de programma' s, het is gratis.Als je tekent, zal je het dashboard,,,,,,, het gebruik van simperium, creëren we een aanvraag, dus ga spelen, de toevoeging van een aanvraag in de BAR, en noem het wat je wilt.,,,, in de toepassing van een scherm je zal zien een unieke, app id, en een standaard - sleutel,,,,,, je kan het gebruik van API - sleutel op dynamische wijze toegang tot die een teken, maar het doel van deze handleiding zullen we uit de simperium interface die teken.Op zoek naar de, door de gegevens van de tabel in het dashboard en klik, die token,,,,,, dat zou leiden tot het ontstaan van een teken, bezoeken, kunnen we samen gebruikt, app id, verbonden met onze simperium app, laten we eens kijken hoe dit in zijn werk gaat.Als je, net als ik, en je kan niet wachten om te zien hoe dit in zijn werk gaat, zal je het bouwen van een simpele test blz.;!Doctype html> < html> < head> < title> m 'n Simperium testpage< /title> < script src = "http://code.jquery.com/jquery-latest.min.js" = "tekst /javascript" > < /script> < script type = "tekst /javascript" src = "https://js.simperium.com/v0.1/" = "tekst /javascript" > < /script> script = < "; tekst /javascript" src = "script.js" = "tekst /javascript" > < /script> < link rel = "stylesheet" = "text/css": /stijl CSS "> < /head> < body> < h2> m' n Simperium testpage< /h2> < div =" content "> die = <" add_data "> < textarea placeholder=" typen hier! "> < /textarea> < /div> < div = "view_data" > < h3> je tekst zal verschijnen here:< /h3> < div = "gegevens" > < /div> < /div> < /div> < /body> < /html>, om te voorkomen dat de dingen. Zo zal ook nog op, we een beetje van de CSS, worden deze als stijl CSS:,, /* * /http: //europa.eu.int - alle stijlen, lichaam, h2 h3, P, textarea, DIV (margin:0px; padding:0px; * * * * * * * *} /einde - H2 (font-family:arial sans serif; text-align:center; padding-top:50px H3 (font-family:arial;}, P - {} sans serif; margin-bottom:30px; font-family:arial sans serif; font-size:14px; color:# 666; textarea {} font-family:arial sans serif; font-size:14px; width:380px;Hoogte: 200px;} {breedte: als de inhoud; de marge op de rand van auto 's;:: 50px;} {drijven. Add_data: breedte: links; 380px; de marge: 20px;}. View_data (variabele rechten; breedte: 400 pixel;}, nu, je kan zien, hebben We in het verslag van onze simperium javascript: //europa.eu.int /comm /, en wij moeten ons script te starten.We kunnen dit door het creëren van een nieuw dossier. In de J 's subfolder script.js, met de naam,, en pasting in de volgende code, var simperium = nieuwe Simperium ('SIMPERIUM_APP_ID'{teken:'SIMPERIUM_ACCESS_TOKEN'}); ///////credentials var de emmer = simperium.bucket ('mybucket'); ///////creëer een nieuwe emmer bucket.start (); ///////beginnen onze de emmer bucket.on ('notify', functie (ID gegevens) {///////dit geval bosbranden als gegevens in de emmer is nog $('.data'). ("p> <"; +data.text+ "< /p>");}); $(document). (functie) ($("Oké textarea") ('input', functie) (VALUE =% (dit) val (); bucket.update ("yourdata" {"tekst": value}); ///////We. Onze Simperium emmer met de waarde van de textarea $('.data'("). P> <;" + waarde van + "< /P >"); ///////kennisgeving van gebeurtenissen niet het vuur onze lokale dus we werken met de hand});});, zal je moeten vervangen, simperium_app_id,, simperium_access_token, Met wat u eerder als gevolg van de toepassing van procedures voor je geloofsbrieven, voor het testen van dit punt, moet je de browser test: //europa.eu.int /comm /documenten in ten minste twee voorbeelden, moet je ze zien elkaar als je de aard van de vernieuwing van de functie is heel eenvoudig, we starten simperium en Het creëren van een nieuw vat.Een vat is eigenlijk een plaats voor de opslag van onze doelstellingen.Als we vechten, simperium zal blijven, maar we moeten het gebruik van kennisgeving van gebeurtenissen.Als we om vat, gebruiken we de actualisering van de functie.Dit is het!Dit is een van de fundamentele gebruik, simperium, nu zullen we een uitbreiding met chroom te creëren wat nuttigs.Onze chroom, uitbreiding, in deze handleiding, die we niet met inbegrip van het creëren van een chroom uitbreiding zeer fundamentele, als je wilt vangen, kan je door het lezen van de ontwikkeling van chroom wordt uitgebreid - cas de grondgedachte van de Tsonev geschreven, we stappen zal het volgende omvatten: de uitbreiding, in onze simperium gestart, het gebruik van de uitbreiding van de gebeurtenissen worden in kennis gesteld van chroom, rekening geopend, gesloten of veranderd, met een lijst van open - label, vernieuwing van onze simperium emmer, de oprichting van een afzonderlijk dossier te volgen: //europa.eu.int /comm /open label met simperium gebeurtenissen.,, laten we meteen door Het creëren van onze uitbreiding van de samenstelling van de fundamentele structuur:,, manifest.json documenten, de lijst van documenten, background.js, achtergrond. In het dossier, het manifest, zullen we kijken naar de lijst van documentenHeel eenvoudig: {"naam": "live", "versie": "1", "dat": "woon je verslag van de open - label", "manifest_version": 2, "achtergrond": {"obsessie": echt, "s": [J 's "," simperium. J' s "," achtergrond.]}, "autoriteit": ["webnavigation", "etikettering"]}, zal deze code in een leeg dossier en red, weerspiegelen. Hola, zie je, we moeten gewoon belasting, simperium bibliotheek, en we het script, achtergrond.We moeten de echte duurzame optie, dus chroom niet lossen van deze bestanden te redden van het geheugen, uitbreiding van het gebruik van chrome.webnavigation, API, dus we moeten voorzien, webnavigation, rijbewijs.We moeten ook, etikettering, zodat de toegang tot de rekening van de titel, tegen de achtergrond van het script, het creëren van een dossier en het behoud van het background.js, de volgende, die de kern van ons. Hola, bevordering, laten we het stap voor stap, ten eerste, we moeten starten simperium: var simperium = nieuwe simperium ('simperium_app_id {p.m.: "simperium_access_token"}); de gegevens = simperium var. - ('tabs "); de gegevens. Start (); en, niet te vergeten, simperium_access_token, simperium_app_id vervangen, en met de juiste waarden die je eerder, in dit geval, creëren we een nieuwe emmer heet" etikettering "voor het bewaren van de gegevens van onze chrome.webnavigation.,,,,, chrome.tabs, API, die we voor het gebruik van API - bevat het geval wanneer ze een rekening openen.Sluiting of wijziging van chroom.,. Op het etiket. Onupdated. Luister naar de (functie (mager, changeinfo, etiketten) {});,, chrome.tabs.onupdated vuur wanneer op het etiket, worden bijgewerkt.Meer in het bijzonder, als je een nieuw etiket of wijziging van de URL 's browser. Het etiket. Onremoved. Luister naar de (functie (mager, removeinfo) {});,, chrome.tabs.onremoved zal vuur, als je dichtbij een etiket, deze twee gebeurtenissen lijkt voor wat we nodig hebben, maar het feit is, chrome.tabs.onupdated, niet het vuur niet de etikettering, een nieuwe website bijgewerkt, in de browser geschiedenis. En als een alternatief, we kunnen het gebruik van chroom. Webnavigation. Ontabreplaced chroom,.,. Webnavigation. Ontabreplaced. Luister naar de (function (e) {}); en volgens een document: "de inhoud van het etiket. Vervangen door de verschillende (meestal eerder voorbehandeld waardoor) rekening." ", niet met woorden maar de gebeurtenissen zelf veilig werk, ons zal helpen de inhoud van het etiket met hen vervangen,ED en de bladzijde van de geschiedenis, van deze gebeurtenissen, in theorie, we kunnen ons volgen van de etikettering, maar deze gebeurtenis die vaak, dit wordt een saaie taak, onze oplossing is, chrome.tabs.query, methoden, chroom. Etikettering. De vraag (QueryInfo, functionele (tab) {}); onze de auditie is weer een serie alle open - label.We kunnen ook de parameters, QueryInfo, vermindering van de resultaten, maar het doel van deze handleiding laat het leeg, alles bij elkaar, laten we in de laatste code kijken: var simperium = nieuwe simperium ('simperium_app_id {teken: "simperium_access_token"}); var = simperium emmer ('tabs gegevens. "); de gegevens. Start (); CR. Het etiket. Onupdated. Luister naar de (functie (mager, changeinfo, etiketten) {chroom. Etikettering. De vraag ({} {updatetitles functie (etikettering) (etikettering);});}); CR. Het etiket. Onremoved addListener (functie (mager, removeinfo.) {chroom. Etikettering. De vraag ({} {updatetitles functie (etikettering) (etikettering);});}); chroom. Webnavigation. Ontabreplaced. Luister naar functie (e) {chrome.tabs (Vraag ({} {updatetitles functie (etikettering) (etikettering);});}); de functionele updatetitles (etikettering) {var de naam = [...]; var lengte = tabs.length; (VAR i = 0; ik < lengte; I + +) (titel [M] = [M] titel van de etikettering. De bijwerking van de gegevens;} ("etikettering", "titel": de titel} {}); het gebruik van gebeurtenissen, we vangen de etikettering van alle genoemde gebeurtenissen en vraag alle open - label.Om het eenvoudig te houden, we creëren, updatetitles functies zal door onze TAG) en een eenvoudige cyclus en de toewijzing van elk van de elementen van een nieuwe titel van de reeks tot een waarde in de laatste stap, vernieuwen we onze simperium object en onze nieuwe installatie, mag worden gebruikt, door de gegevens je simperium, etikettering van het dashboard te controleren of de gegevens correct was verandert je vat, maar we zullen ook de oprichting van een zeer eenvoudig: //europa.eu.int /comm /om onze gegevens, dit is onze: //europa.eu.int /comm /<.Doctype html> < html> < head> < title> rekening sample< kijker; /title> < script src = "http://code.jquery.com/jquery-latest.min.js" = "tekst /javascript" > < /script> < script type = "tekst /javascript" src = "https://js.simperium.com/v0.1/" = "tekst /javascript" > < /script> script = < "; tekst /javascript" src = "script.js" = "tekst /javascript" > < /script> < link rel = "stylesheet" = "text/css": /stijl CSS "> < /head> < body> < h2> in gemeld door de Extension< /h2> < div =" meer "> ul > <; < /ul> < /div> < /body> < /html>, kijk op unstyled: //europa.eu.int /comm /is geen genoegen, zo dat deze in:Dit maakt de dingen mooier: * * * * * * * * * * * * * * - stijl, /al /html, H2 en H3, lichaam, P, tekst, DIV (marge: 0px; oude 0px;} {* einde opnieuw /H: Ariel, sans serif lettertype; aanpassing van de Tekst: het Centrum; vulling top: 50px} {lijst. - type;: geen;} {moz grens in de straal van 4px:: 4px; grens; achtergrond kleur:&#EEE; de marge beneden: Ariel, sans serif lettertype 3px; 10 pixels, oude; kleur:ō}. Het etiket {breedte: marge: marge; auto 's, hierboven: 50px;}, tot slot, een javascript van het opvragen van gegevens: simperium, var simperium = nieuwe simperium ('simperium_app_id {teken: "simperium_access_token"}); de gegevens = simperium var. - ('tabs "); de gegevens. Start (); de gegevens ('notify" functies (ID, datA) {% (". -"). (""); de lengte = data.titles.length var; (VAR i = 0; ik < lengte; I + +) {% ("< li >" + gegevens. Titel [I] + "< /Lee > ("); ". Appendto etiket ul");}});, we moeten alleen de aanmelding simperium bijwerken.Wij produceren < li > in < de titel; ul > dat is het!De resultaten van de test ons, is eigenlijk heel simpel.Als je onze uitbreiding in chroom open laden we gecreëerd: //europa.eu.int /comm /etiketten lezen, het blijkt dat alle open - label.Nu, als je het openen of sluiten we de chroom: //europa.eu.int /comm /etikettering zal onmiddellijk op de hoogte van de nieuwe gegevens.- een nieuwe pagina 's, in een open - label, ook wordt gevangen door de uitbreiding en de browser pagina' s.We hebben onze uitbreiding en in dezelfde machine: //europa.eu.int /comm /documenten, en dit is duidelijk een uitrusting voor zolang de verbinding met het internet, waarbij een van de uitbreiding, van de conclusies,., in deze handleiding, we zien simperium en chroom - gerelateerde gebeurtenissen.Zoals je kan zien, ze is vrij gemakkelijk te vergeten, als je niet op je lijst van documenten die je in de context van duurzame tekenen van pagina 's, veel gebruikt is.We installeren in huis te creëren en Upload: //europa.eu.int /comm /van de uitbreiding op de server.Je kunt je overal open - label.Heel netjes.De toepassing van deze technologieën, zodat we beter gebruik en een betere integratie is eigenlijk heel simpel, ik hoop dat je van dit artikel, moedig ik je laten maken, als je vast zit, of er geen problemen zijn.Bedankt en veel plezier.,