Skip to content

Instantly share code, notes, and snippets.

@varvaruc

varvaruc/icon.png

Last active December 27, 2015 22:49
Show Gist options
  • Save varvaruc/7402033 to your computer and use it in GitHub Desktop.
Save varvaruc/7402033 to your computer and use it in GitHub Desktop.
Download ZIP
hello world chrome extension
Raw
icon.png
‰PNG
x26
IHDR
x19
x19x08x02
ý2¡›
pHYs
x11x19
x11x19x01
šœx24
x01ÃIDATxœ•ÑOoÚ0x24x06ðÄNx28'¤´¡x04x18x24ªÚ®S«nìx03l¨Û7Þx14›&í^í4Uc»Q˜VJ°ŠÄ‰óÇ$Þ¡Òx04!x20õ½=òó“m½¢°6
Ó¬ÚVx29Jx18ç™ãÌF£qš¦¹š˜Ë²,·Ûç¯Û/ÏÎNUŒçóy¿?¸úñ³ÛýÅØb¹)åäÁAëÝÅÛNçeÙqx20M&Óf³iT*žKz×ý•§-x07x08áóãÃã£CQx16‡7Ã(ŠMÓ$~ðþ¢óâäH’V®Y
Bûx21x03!DˆOˆ?x24üNx18†x20„UUßÑ5Mõ<R,3Î!„œx11÷x127ïقx01
Z­g KÆwcx08`–ex27ïL’øÏÍp·¼£ )x08¨Œx20(x01,¢EšÞŽî(
W¾¶x288x23(
­zͶí’^Bx08eišfi¯×ûüå+¥t£x20x04! ôº?ÀXi4lY’x29gvyùíÃÇO“©“kæ÷ù0š¦½:?%~@i8™NÃ0Zïä÷ù0x24+%]ÿ~ÕeŒx21x22„Ü>ÿYÝ'Ä{„x21Kx08AݪÍ]ïx17V,u]ß-—]—¬x31m‘x21Ãx08)
üàiRx20Åz­x26E1
ÃB°Qjš¶g칞Ç9x127šl6,UÅ´h[dx28Çqx209Îl«üx07izƝÅ^x31x25
IEND®B`‚
Raw
manifest.json
{
"manifest_version": 2,
"name": "Hello World",
"description":"First Chrome Extension",
"version":"1.0",
"browser_action": {
"default_icon":"icon.png",
"default_popup":"popup.html"
}
}
Raw
popup.css
h1 {
color:blue;
}
Raw
popup.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Hello World</title>
<script src="jquery-1.10.2.min.js"></script>
<script src="popup.js"></script>
<link rel="stylesheet" href="popup.css" media="all">
</head>
<body>
<h1 id="greeting">Hi!</h1>
<input id="name" type="text" />
</body>
</html>
Raw
popup.js
$(function(){
$('#name').keyup(function(){
$('#greeting').text('Hi, ' + $('#name').val()+ ' ! ');
});
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment