Make sure all required fields are filled in, then click Publish. You’ll then need to pay the Chrome Web store developer one-time fee of $5. There are various images and screenshots that the Chrome Web Store requires you to upload. Your game will have been automatically added to your developer account, and all that’s left for you to do is fill in the Chrome Web Store related fields. This will take you to your Chrome Web Store Developer Dashboard. Once the files have finished publishing, click the link displayed in the Publish window. This step will automatically upload the files to the Chrome Web Store.
S tep 5: Publish the Gamefroot files to the Chrome Store This will open the Terms of Service for you to Accept.Īfter you’ve clicked Accept, you can return to Gamefroot to finalize the publishing process. Go to the Developer dashboard at and click Add New Item. Next, you’ll need to accept the Chrome Store Developer Terms of Service. Step 4: Sign up as a Chrome Web Store Developerīefore we can continue, make sure you have a Google account, and log in to it. Then go back to Gamefroot and click Next in the Publish to Chrome window. This is how people will experience your app, so make sure you’re satisfied. Click Launch underneath your game title, and then your game will play. Your game will then show up with the icon you’ve uploaded from step 3. Make sure Developer Mode is ticked (in the top-right corner).Ĭlick Load unpacked extension… and browse to the location where you downloaded your game’s ZIP file to, then select that file.
To add your game as a Chrome Extension, browse to chrome://extensions inside your Chrome web browser. Copy that link and paste it in your address bar to download the ZIP file of your game. Your game will be packaged up in a ZIP file that you can access from the URL displayed in this window. You can preview it as a Chrome Extension before you go through with the publishing process. Step 3: (Optional) Preview your game as a Chrome Extension Make sure to stick to Google’s icon design guidelines. When you’re ready to publish, click Publish, then Publish to Chrome Store.Ī window will pop up requiring you to upload a 128×128 pixel icon for your game. Then Save the game so it can be published. Keep improving it in Gamefroot until you are sure that it’s ready. Y our game should be of a high enough quality that people will want to buy it or download it. Now it’s easy to publish your game to the Google Chrome Web Store! There are a few steps you need to follow. The Google Chrome Web Store is a great way to share and monetize your games. It is fully open source, and you can find its source code at.
This extension requires permissions to access the page's React tree, but it does not transmit any data remotely. The Profiler tab allows you to record performance information. If you inspect a React element on the page using the regular Elements tab, then switch over to the React tab, that element will be automatically selected in the React tree. In the breadcrumbs you can inspect the selected component, the component that created it, the component that created that one, and so on. The Components tab shows you the root React components that were rendered on the page, as well as the subcomponents that they ended up rendering.īy selecting one of the components in the tree, you can inspect and edit its current props and state in the panel on the right. You will get two new tabs in your Chrome DevTools: "⚛️ Components" and "⚛️ Profiler". It allows you to inspect the React component hierarchies in the Chrome Developer Tools. React Developer Tools is a Chrome DevTools extension for the open-source React JavaScript library. Adds React debugging tools to the Chrome Developer Tools.