| OLD | NEW |
|---|
| 1 <!doctype html> | 1 <!doctype html> |
| 2 <!-- |
| 3 This page is shown when the extension button is clicked, because the |
| 4 "browser_action" field in manifest.json contains the "default_popup" key with |
| 5 value "popup.html". |
| 6 --> |
| 2 <html> | 7 <html> |
| 3 <head> | 8 <head> |
| 4 <title>Getting Started Extension's Popup</title> | 9 <title>Getting Started Extension's Popup</title> |
| 5 <style> | 10 <style> |
| 6 body { | 11 body { |
| 7 min-width: 357px; | 12 font-family: "Segoe UI", "Lucida Grande", Tahoma, sans-serif; |
| 8 overflow-x: hidden; | 13 font-size: 100%; |
| 9 } | 14 } |
| 10 | 15 #status { |
| 11 img { | 16 /* avoid an excessively wide status text */ |
| 12 margin: 5px; | 17 white-space: pre; |
| 13 border: 2px solid black; | 18 text-overflow: ellipsis; |
| 14 vertical-align: middle; | 19 overflow: hidden; |
| 15 width: 75px; | 20 max-width: 400px; |
| 16 height: 75px; | |
| 17 } | 21 } |
| 18 </style> | 22 </style> |
| 19 | 23 |
| 20 <!-- | 24 <!-- |
| 21 - JavaScript and HTML must be in separate files: see our Content Security | 25 - JavaScript and HTML must be in separate files: see our Content Security |
| 22 - Policy documentation[1] for details and explanation. | 26 - Policy documentation[1] for details and explanation. |
| 23 - | 27 - |
| 24 - [1]: http://developer.chrome.com/extensions/contentSecurityPolicy.html | 28 - [1]: https://developer.chrome.com/extensions/contentSecurityPolicy |
| 25 --> | 29 --> |
| 26 <script src="popup.js"></script> | 30 <script src="popup.js"></script> |
| 27 </head> | 31 </head> |
| 28 <body> | 32 <body> |
| 33 <div id="status"></div> |
| 34 <img id="image-result" hidden> |
| 29 </body> | 35 </body> |
| 30 </html> | 36 </html> |
| 31 | 37 |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 732943002:
New Getting started example for extensions (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master