Maken van een Google Chrome extensie voor Twitter (4 / 7 stap)

Stap 4: HTML-bestand


De manifest.json roept een html-bestand waarin de scripts die worden gebruikt door de extensie. Dit script kan van alles zijn, het enige ding om te onthouden is dat het script moet gebruiken alleen html, JavaScript en CSS.

Ik had een oude script waarmee gebruikers kunnen bekijken van hun Twitter-berichten of laten zien aan anderen. Ik besliste te gebruiken die hetzelfde script waarmee gebruikers om te zien mijn niet zo recente Twitter berichten.

Het HTML-bestand maken
1) open Dreamweaver of Kladblok en kopieer plak of typ de volgende code:
<! DOCTYPE html publiek "-//W3C//DTD XHTML 1.0 Transitional / / nl" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html xmlns = "http://www.w3.org/1999/xhtml" >
< head >
< meta http-equiv = "Content-Type" content = "text/html; charset = utf-8 "/ >
< titel > Twitinside voor Chrome < / title >
< script type = ' text/javascript' src = "http://ajax.googleapis.com/
Ajax/libs/jQuery/1.5/jQuery.min.js">< / script >
< script type = "application/javascript" >
"$(div.contentToChange p.firstparagraph:hidden").slideDown("slow");
"$(div.contentToChange p.firstparagraph:visible").slideUp("slow");
< / script >
< style >
lichaam
{
breedte: 300px;
lettertype-familie: Arial;
lettertype-grootte: 12px;
}
een
{
kleur: #33ccff;
}
een: hover
{
kleur: #000000;
text-decoration: none;
}
H2
{
lettertype-stijl: cursief;
kleur: #33ccff;
}
< / style >
< / head >
< body >
< een href = "http://www.twitter.com/yourtwitterid " target = "_blank" title = "Volg de creater van Twitinside @yourtwitterid " >
< img src="twitinside_128.png" border = "0" alt = "Follow de creater van Twitinside @yourtwitterid" / >< /a >
< div stijl = "marge-rechts: 0px" >< div id = "twitter_div" >
< h2 > Twitter binnen < / h2 >
< ul id = "twitter_update_list" >< /ul >
< een id = "twitter-link" style = "display: block; text-align: rechts;" href = "http://twitter.com/yourtwitterid " >< /a >
< / div >
< script src = "http://twitter.com/javascripts/blogger.js" type = "text/javascript" >< / script >
< script src = "http://twitter.com/statuses/user_timeline/yourtwitterid .json? terugbellen = twitterCallback2 & amp; tellen = 5" type = "text/javascript" >< / script >< / div >
< / body >
< / html >

Yourtwitterid omzetten in goed uw Twitter-ID en de graaf =5 tot en met het aantal posten u wilt weergeven.
Sla het op als twitter.html (ik heb twitter.html gebruikt omdat het wordt gebruikt in manifest.json, als je de naam van het bestand in manifest.json veranderen dan naam van het HTML-bestand dat).

Er is niet veel te vertellen over dit script, ik heb het ergens vandaan en gebruikte het hier. U kunt ook uw script in dit bestand.

Gerelateerde Artikelen

Maken van een Google Chrome "Link App"

Maken van een Google Chrome "Link App"

deze kleine gids zal u onderwijzen hoe te bouwen van een zeer eenvoudige kleine app waarmee u naar een opgegeven websites.Ik oorspronkelijk wilde dit doen weg met de bladwijzer bar en schoner, meer fraai ogend wandapparaat apps te vervangen.Geen voor
Hoe de Laser Cutter en of de waterstraal gebruiken om te maken van een RADIUS-Check graadmeter voor organinc-plaatwerk werken (metaal vormgeven, deelvenster verslaan, etc) ik het op TechShop maakte

Hoe de Laser Cutter en of de waterstraal gebruiken om te maken van een RADIUS-Check graadmeter voor organinc-plaatwerk werken (metaal vormgeven, deelvenster verslaan, etc) ik het op TechShop maakte

Het gebruik van de Laser Cutter en of de waterstraal te maken van een RADIUS-Check graadmeter voor organische plaatwerk werken (metaal vormgeven, deelvenster verslaan, etc)Ik maakte het op Techshop.Dit is gonna be een heel kort en eenvoudig, maar als
Maken van een betere frisdrank kan voor plinking, met een ingerichte luchtvaartmaatschappij

Maken van een betere frisdrank kan voor plinking, met een ingerichte luchtvaartmaatschappij

de problemen met plinking aluminium blikjes, ongeacht het kaliber van de munitie, of de kracht van de lucht pistool, is dat ze gemakkelijk in een lichte wind worden geblazen, en in minder dan een dozijn schoten worden vernietigd.  Ook, als u transpor
Maken van een aangepaste Chrome OS/legt "App"

Maken van een aangepaste Chrome OS/legt "App"

In dit schrijven up zal ik beschrijven hoe maak je een aangepaste Chromebok/Chrome OS-app. Ik kan niet nemen volledige krediet info is afkomstig van http://www.omgchrome.com. Enkel gedacht zou het goede info te delen en kan de instructables bemanning
Het maken van een krachtige programmeerbare toetsenbord voor minder dan $30.

Het maken van een krachtige programmeerbare toetsenbord voor minder dan $30.

Producten zoals de X-Keys programmeerbare toetsenborden zijn een uitstekende partner voor iedereen die gebruik maakt van de sneltoets zware software zoals PhotoShop. Ze laten u lay-out al uw sneltoetsen op één kleine bord compleet met etiketten en me
Maken van een Google-werkbalk knop

Maken van een Google-werkbalk knop

leren hoe te maken van een "Button" voor de Google-werkbalk.Stap 1: De werkbalk krijgenGa naar http://toolbar.google.com/T4/ om te pick-up de Google werkbalk Beta.Stap 2: Ga naar de mapDe standaardmap waar we onze knoppen zal opslaan bevindt zic
Maken van een stof Extractor Cover voor mijn Disc Sander

Maken van een stof Extractor Cover voor mijn Disc Sander

als je na deze serie dit deel 3 is van het maken van een schuurmachine 12 inch 300mm schijf, in dit Instructable met behulp van de gelaagde "U"-vorm maken van een kap voor stof extractie.Stap 1: Schoonmaken van het achterpaneel ik de vorm van de
Maken van een Tool lengte sensor voor Stepcraft 2 CNC

Maken van een Tool lengte sensor voor Stepcraft 2 CNC

Dit is een tutorial over het maken van een snelle en vuile gereedschap lengte sensor voor het Stepcraft 2 CNC-platform. Dit is gewoon een snelle demonstratie met de dichtbije materialen die in een paar minuten kunnen worden opgebouwd. Het werkt, maar
Maken van een inklapbare hond helling voor een woonboot

Maken van een inklapbare hond helling voor een woonboot

ik deed dit op TechShop Menlo Park. http://www.techshop.comIk een 18-jarige hond die moeite met trappen heeft dus ik nodig om te bouwen haar een helling om in en uit van mijn nieuwe woonboot.Stap 1: Snijden hout We begonnen met een moeras lang stuk h
Slechte Stator Fix--niet kopen een nieuwe stator voor uw motor!  Maken van een batterij-op ontstekingssysteem voor minder dan $50

Slechte Stator Fix--niet kopen een nieuwe stator voor uw motor! Maken van een batterij-op ontstekingssysteem voor minder dan $50

de kosten van een nieuwe stator kunnen honderden dollars.  Zonder een goede stator, zal uw motor gebrekkig of helemaal niet uitgevoerd.  Deze oplossing omzeilt volledig de stator met behulp van een 12 volt batterij voor het aandrijven van het contact
Maken van een echte werken spreker voor onder $1.00!

Maken van een echte werken spreker voor onder $1.00!

Hier is hoe te maken van een echte werkende papier plaat spreker voor onder $1.00!Stap 1: Bekijk de Video!Stap 2: $1 papier plaat spreker? Terug in 2007, YouTube-gebruiker HouseholdHacker een parodie video Gepost op how to make van een High-Def-luids
Maken van een Guitar Hero Kit voor uw PC

Maken van een Guitar Hero Kit voor uw PC

dit artikel dekt maken een kit voor uw computer die toestaat u om uw gitaar held vaardigheden met open sourcesoftware en ongeveer 30 dollar in delen te oefenen.Stap 1: De onderdelen van de nessisary voor de gitaar verkrijgen , Je eerst drie delen te
Maken van een Zen tuin hark voor uw asbak

Maken van een Zen tuin hark voor uw asbak

dit is hoe maak miniatuur Zen tuin hark voor gebruik waar. Ik was van plan op sommige openbare asbakken harken en verlaten ze voor anderen hark het.Als je wilde u kon ook typt u deze in uw eigen kleine Zen-tuin of brengen ze met u voor een snelle pos
DOUCHE FILTER voor goedkope slecht water maak je jeuk? Maken van een grote douche-Filter voor 1/2 van het kopen van een

DOUCHE FILTER voor goedkope slecht water maak je jeuk? Maken van een grote douche-Filter voor 1/2 van het kopen van een

het water in mijn huis is niet de beste, en wanneer ik een douche neem het chemicaliën ruikt en maakt me jeuken. Ik huur het huis, dus ik kan niet echt een hele huis filter op zetten zodat ik fig ik zou gewoon een douche filter zetten. Ik ging naar d