question

SaeedPooladzadeh-4680 avatar image
0 Votes"
SaeedPooladzadeh-4680 asked Bruce-SqlWork edited

How can I test ASP.net chore chrome extension?

Hello,

How can I test ASP.net chore chrome extension?

regards,

Saeed

dotnet-aspnet-core-blazor
5 |1600 characters needed characters left characters exceeded

Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.

Bruce-SqlWork avatar image
0 Votes"
Bruce-SqlWork answered SaeedPooladzadeh-4680 commented

Not sure what asp.net core has to do with a chrome extension. As chrome extensions are a html file with JavaScript, you typically use standard JavaScript test tools.

See this node package for jest

jest-chrome


· 1
5 |1600 characters needed characters left characters exceeded

Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.

My site is written in blazor.

0 Votes 0 ·
ZhiLv-MSFT avatar image
0 Votes"
ZhiLv-MSFT answered ZhiLv-MSFT edited

Hi @SaeedPooladzadeh-4680,

Do you mean you create a Chrome extension using Asp.net Core, and now you want to test it?

Generally, to test the chrome extension, you could open Chrome Browser and go to Extensions:

111966-image.png

Then, enable Developer Mode and click on Load Unpacked, Choose the Project Folder, after that the extension is added to Chrome successfully. Like this:

112012-9.gif

More detail information about creating the Google Extension, see How To Create Chrome Extensions.


If the answer is helpful, please click "Accept Answer" and upvote it.
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Best Regards,
Dillion


image.png (165.5 KiB)
9.gif (273.7 KiB)
5 |1600 characters needed characters left characters exceeded

Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.

SaeedPooladzadeh-4680 avatar image
0 Votes"
SaeedPooladzadeh-4680 answered SaeedPooladzadeh-4680 commented

I have installed it and it's in my extensions. That's active but can't see it in the progress bar!

Do you have any idea?

· 2
5 |1600 characters needed characters left characters exceeded

Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.

Hi @SaeedPooladzadeh-4680,

Can you share the relate code to reproduce the problem?

0 Votes 0 ·

While I have installed my extension on chrome, and that is in the installed section, when I click the puzzle piece, I can’t see it!

How it is possible? Do you have any idea?

The extension site which extension works from it is instaberry.ir.

113547-instaberry2.png


0 Votes 0 ·
instaberry2.png (155.1 KiB)
SaeedPooladzadeh-4680 avatar image
0 Votes"
SaeedPooladzadeh-4680 answered ZhiLv-MSFT commented

113582-instaberry1.png




Please see this image. My extension name is Instaberry.

Why that's not active in that part?


instaberry1.png (165.5 KiB)
· 1
5 |1600 characters needed characters left characters exceeded

Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.

Hi @SaeedPooladzadeh-4680,

The issue might be relating the extension source code (for example: the manifest.json file, in this file, we could set the browser default_icon), More detail information about creating chrome extensions, check the following links:

How To Create Chrome Extensions - My First Extension

Getting started about Chrome Extension

0 Votes 0 ·
SaeedPooladzadeh-4680 avatar image
0 Votes"
SaeedPooladzadeh-4680 answered

Here comes the related code for the chrome extension:

 {
     "name": "instaberry",
     "description": "simply upload your posts and story to instagram.",
     "app": {
         "urls": ["http://instaberry.ir/"],
         "launch": {
             "web_url": "http://instaberry.ir/"
         }
     },
     "manifest_version": 2,
     "update_url": "http://clients2.google.com/service/update2/crx",
     "version": "0.1",
     "icons": {
         "128": "icon.png"
     }
 }


Can you please let me know do you think is this correct or not?

thanks,

5 |1600 characters needed characters left characters exceeded

Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.

Bruce-SqlWork avatar image
0 Votes"
Bruce-SqlWork answered SaeedPooladzadeh-4680 commented

It looks like your trying to create a chrome app rather than an extension. These are no longer supported.

App icons show up on the app launch window, not the toolbar.

· 1
5 |1600 characters needed characters left characters exceeded

Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.

Do you have any idea on how to make a chrome extension?
Or a link to a related tutorial?

regards,

0 Votes 0 ·
Bruce-SqlWork avatar image
0 Votes"
Bruce-SqlWork answered Bruce-SqlWork edited

The docs are pretty clear

https://developer.chrome.com/docs/extensions/mv3/getstarted/

  1. You create a folder

  2. Then a manifest in the folder

  3. Add JavaScript, css and html files. The home page is defined as the pop up in the manifest.

Once completed you zip up the folder for deployment.

You can setup a webpack project if you want to use angular, react or vue for the UI. Google for examples for your chosen framework.

Note: as you reference asp.net, I assume it will be a webapi called from the extension as no website is required to host the extension, it really is just static website hosted by the browser, installed in the extensions folder.



5 |1600 characters needed characters left characters exceeded

Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.