mirror of
https://github.com/microsoft/Web-Dev-For-Beginners.git
synced 2025-08-13 18:24:33 +02:00
editing this PR for english version mistakes, missed link, and un-translating the code
This commit is contained in:
@@ -50,7 +50,7 @@ Before you start building, take a look at the process of building and deploying
|
|||||||
|
|
||||||
In essence, the process will be:
|
In essence, the process will be:
|
||||||
|
|
||||||
- build your extension using `npm build`
|
- build your extension using `npm run build`
|
||||||
- navigate in the browser to the extensions pane using the "Settings and more" button (the `...` icon) on the top right
|
- navigate in the browser to the extensions pane using the "Settings and more" button (the `...` icon) on the top right
|
||||||
- if it's a new installation, choose `load unpacked` to upload a fresh extension from its build folder (in our case it is `/dist`)
|
- if it's a new installation, choose `load unpacked` to upload a fresh extension from its build folder (in our case it is `/dist`)
|
||||||
- or, click `reload` if you are reloading the already-installed extension
|
- or, click `reload` if you are reloading the already-installed extension
|
||||||
|
@@ -133,7 +133,7 @@ function drawIcon(value) {
|
|||||||
```
|
```
|
||||||
In this code, you are adding a listener for any messages coming to the backend task manager. If it's called 'updateIcon', then the next code is run, to draw an icon of the proper color using the Canvas API.
|
In this code, you are adding a listener for any messages coming to the backend task manager. If it's called 'updateIcon', then the next code is run, to draw an icon of the proper color using the Canvas API.
|
||||||
|
|
||||||
✅ You'll learn more about the Canvas API in the [Space Game lessons](../../space-game/drawing-to-canvas/README.md).
|
✅ You'll learn more about the Canvas API in the [Space Game lessons](../6-space-game/2-drawing-to-canvas/README.md/drawing-to-canvas/README.md).
|
||||||
|
|
||||||
Now, rebuild your extension (`npm run build`), refresh and launch your extension, and watch the color change. Is it a good time to run an errand or wash the dishes? Now you know!
|
Now, rebuild your extension (`npm run build`), refresh and launch your extension, and watch the color change. Is it a good time to run an errand or wash the dishes? Now you know!
|
||||||
|
|
||||||
|
@@ -1 +0,0 @@
|
|||||||
This is a placeholder, left blank purposefully
|
|
4
5-browser-extension/start/dist/index.html
vendored
4
5-browser-extension/start/dist/index.html
vendored
@@ -5,14 +5,14 @@
|
|||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
||||||
<title>Il mio Rilevatore di Carbonio</title>
|
<title>My Carbon Trigger</title>
|
||||||
<link rel="stylesheet" href="./styles.css" />
|
<link rel="stylesheet" href="./styles.css" />
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body class="container">
|
<body class="container">
|
||||||
<img alt="plants and people" src="images/plants-people.png" />
|
<img alt="plants and people" src="images/plants-people.png" />
|
||||||
<div>
|
<div>
|
||||||
<h1>Benvenuto al Tuo Rilevatore di Carbonio Personale!</h1>
|
<h1>Welcome to Your Personal Carbon Trigger!</h1>
|
||||||
</div>
|
</div>
|
||||||
<!--form area-->
|
<!--form area-->
|
||||||
|
|
||||||
|
Reference in New Issue
Block a user