New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.

Issue 827804 link

Starred by 6 users

Issue metadata

Status: Unconfirmed
Owner: ----
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux
Pri: 3
Type: Bug



Sign in to add a comment

Getting started tutorial does not work

Reported by metasans...@gmail.com, Mar 31 2018

Issue description

Chrome Version       : 65.0.3325.181
OS Version: 
URLs (if applicable) :
Other browsers tested:
  Add OK or FAIL after other browsers where you have tested this issue:
     Safari:
    Firefox:
    IE/Edge:

What steps will reproduce the problem?
1. Visit https://developer.chrome.com/extensions/getstarted
2. Attempt the tutorial.
3. Curse in agony as you realize even the provided sample extension does not work.

What is the expected result?
A tutorial that works.

What happens instead of that?
A tutorial that does not work.

Please provide any additional information below. Attach a screenshot if
possible.

UserAgentString: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Ubuntu Chromium/65.0.3325.181 Chrome/65.0.3325.181 Safari/537.36



 
Labels: Needs-Triage-M65
Cc: sindhu.chelamcherla@chromium.org
Components: Platform>Extensions
Labels: Needs-Feedback Triaged-ET
@Reporter: Please provide extension with all the files zipped into a folder which will be easier for TE team to triage. And also please let us know what is the error you are seeing and in which step it is seen. Please provide a screenshot or screencast for further help in reproducing the issue.


Using the zipped file of get_started_complete.zip found at: https://developer.chrome.com/extensions/examples/tutorials/get_started_complete.zip.

Put Chrome into developer mode, then load unpacked of that folder, clicked into details, and clicked on extension options to open the options.html file from the get_started_complete folder.

The outcome: You see a blank page, so even if you have the options.js script file in the same folder you don't see any additional colored buttons to change the original green button into.

That's where the reporter says is the issue. Please update us on how to fix this issue to show the different colored buttons as explained in the last step as: "Four color options are provided then generated as buttons on the options page with onclick event listeners. When the user clicks a button, it updates the color value in the extension's global storage. Since all of the extension's files pull the color information from global storage no other values need to be updated."

Thank you!
Sindhu,

 Were you able to replicate this issue as per my comments above?
The issue is related to me too.
Tutorial does not work.
Actually, as I have found out the error in the options.js script:

Uncaught ReferenceError: page is not defined
    at constructOptions (options.js:17)
    at options.js:20
Fixed script for options has been attached.
But extension still has not changed the background color of the page.
I will investigate it further.
options.js
708 bytes View Download
The same error for popup script:
"Uncaught ReferenceError: tabs is not defined"
Fixed script is attached
popup.js
589 bytes View Download
Hi everyone! I encountered the same error with popup.js but I fixed it in such a way that the background color of the page also changes. 
options.js
664 bytes View Download
When looking at the console it said that page is not defined. Looking into provided options.js and the one given onscreen in the tutorial, it seemed to be missing the first line at the top:
 let page = document.getElementById('buttonDiv');
I deleted the original file and copied from the tutorial page and it works now, color change and all!
It displays the different color options on options.html and will display to be clicked on the developer site. 
options.js
551 bytes View Download
Reporter@ Request you to retry the issue on the latest Stable 70.0.3538.110 and update the thread if this issue is still reproducible or not?

Thanks..

Sign in to add a comment