Chrome Extension Development Tutorial | How to Build & Publish a Chrome Extension in 13 Minutes?🔥

[@AnujBhaiya]

You can download and review this extension with a 5-star rating : chrome.google.com/webstore/detail/dad-jokes/mpncmjknocodnjcoiplhinheoijaddni

[@RaaheeAmit]

Abhiya react aap ko extension m kise convert kare

[@CodeCult413]

Bhaiya mai django application ko extension mae convert kar sakta hu kya??

[@shreyaghosh6372]

Bhaiya please make a video on how to use tensorflow.js in chrome extensions

[@tenniscricketsitamarhibiha1895]

Main aap ko kaise call kar sakta hun

[@yt_viksh8457]

Bhaiya ek full stack pe aap video bnao aur sath me ek project bhi usme bna ke bta do jo resume ke liye bhi use ho jaye😊

[@abhishekpalshorts]

IMPORTANT: If you watch this video in 2022 then manifest version 2 is updated to manifest version 3 in which case this code will show errors.

[@letsgocharmander]

so what changes do we have to do for removing those errors

[@suryakantkhute4249]

Browser_action change to action, in your manifest.json

[@lookingforward098]

​@@suryakantkhute4249 thanks bro❤ Helped me a lot

[@a-girl-has-no-name]

I am so happy that I learnt something new today :D. For anyone facing issues with manifest_version, currently 2 is depreciated so use 3 and change browser_actions in manifest.json code as follows : { "name" : "Dad Jokes", "version" : "0.0.1", "manifest_version" : 3, "action": { "default_popup": "popup.html", "default_icon": { "128": "logo.png" } }, "permissions" : ["activeTab"] }

[@sathwikGiddi]

can we talk ?

[@isha_ch23]

ATTENTION : In Manifest version 3 , "Browser_action" has been replaced by "action"

[@mahaksoni7015]

helped a lot,also icon is not visible png wala

[@isha_ch23]

@@mahaksoni7015 you can download another icon as per your choice with same dimensions

[@nainaryan]

thanks

[@AlterEgo198]

Hey everyone, while following this tutorial on Chrome Extension Development, I encountered an error in the code. To help others navigate this issue, here's a clarification: 1. Logo Image Display Issue: - If the extension's logo image is not displaying, try using a different image. This change should resolve the problem. 2. CSS Correction - `display` Property: - The correct values for the `display` property in CSS are `flex` or `inline-flex`, not `inner-flex`. Update the CSS code as shown below: ``` body { width: 300px; height: 300px; background-color: aliceblue; display: flex; justify-content: center; } p { display: flex; /* or inline-flex */ margin: auto 10px; font-size: 22px; color: blue; border-radius: 6px; border: 1px solid lightblue; padding: 10px; } ``` 3. Manifest Version and Browser Actions Update: - In Manifest version 3, use `"manifest_version": 3` and replace `"browser_action"` with `"action"` in the `manifest.json` file as shown in your provided code snippet. ``` { "name": "Dad Jokes", "version": "0.0.1", "manifest_version": 3, "action": { "default_popup": "popup.html", "default_icon": { "128": "logo.png" } }, "permissions": ["activeTab"] } ``` 4. Version Number Requirement: - Ensure the version value is non-zero and between 1-4 for 2024 Chrome Extension development. For example, `"version": "1.1.2"`. Happy coding and may your extensions shine bright! 🚀✨

[@_obito9]

Please continue with android development series with more advanced projects 🙏🙏

[@pelapps]

Yes and also how to promote our android apps. So far I have published 3 Android apps but have only 200+ downloads. Anyone wants to try then link available on my channel.

[@navy4315]

Yes, We need Android Development, Advance Topics.

[@meetshah9979]

Yes sir please

[@amitrai5478]

@@pelapps from where u learn android developlmemt?

[@pelapps]

@@cockatielscalledkuku thanks and happy to hear that our app helped you in your 1st year end semester exam preparation. 😀

[@arushigarg2453]

Wow that's really amazing. Bhaiya following you from last 3 years.. Really get some good ideas to add projects in my resume. Thank you Bhaiya ❤️

[@mohitkanojia2103]

Yesterday only I took inspiration from your project ideas video and started learning chrome extension .....and today you came up with the same.....mann ki baat kaise padh lete ho bhaiya 😃....kai baar hua hai aisa ki kuch padh rha hun aur agle din aap usi pe video bana dete ho

[@sanketmathur2755]

Loving your DSA series. It really helped me a lot .

[@sukritisingh9754]

Want more cool projects for my resume and learning purpose please keep uploading..this was so easy to understand and implement thankyouu!!

[@RonakS-nf2vj]

{ "name":"Jokes", "version":"0.0.1", "manifest_version":3, "action":{ "default_popup":"popup.html", "default_icon":"logo.png" }, "icons": { "128": "logo.png" }, "permissions":["activeTab"] } This is the manifest version3 code if someone is looking for that here it is

[@shivanshjhamtani9748]

*Note:* if you're doing it in 2023 , make sure version vakue must be non-zero, For Ex :- "version" : "1.1.2", And also numbers must between 1-4 only!

[@yourssanjeetsingh432]

This is absolutely a new thing that I learned today thank you so much bhaiya

[@foreducation408]

Wow that's a good one, it's good to see these kind videos on your channel along with the DSA course that I am following, love your content.

[@anilsuthar7623]

I am not in a cs student but i am interested in coding and learning from KZbin. I want you to make a video to guide such students like me ❤️❤️. Thanks bhaiyaa 🙏.

[@byte-master]

2 yrs

[@stout_]

Kafi kuchh sikhne ko mila ... Main abhi aapki java cource (Apni Kaksha ) se Kar Raha Hoon .... Basic thore din me complete hone wala hai.... Aur mujhe aapke samjhane ka tarika youtube par sabse best lagta hai.... ❤️ Thank you @AnujBhaiya

[@jitendrasharma2388]

Bhaiya aisi hi videos bnao .. And you are a very brave ❤️ person...

[@satyamkaurav5457]

When you write something and it works it's a great feeling and thanks to you now we can experiment with it

[@iarghya]

Simple, amazing and beginner friendly 👍❤️

[@awwush]

Thanks anuj bhiya......dvlp must wanted 👏

[@princekm5902]

A little explanation about fetch() and then and callback function would be useful.

[@ahgasegot7forever1]

fetch is basically used to call a rest api in js

[@056_priyankasahu8]

I was waiting for it 😍😍 thank u bhaiya..🥳🥳

[@harshagarwal7832]

Gazab 🤩🤩🤩🤩🤩🤩maja aa gaya mast chig bataya bhaiya apne 🤩🤩🤩I will definitely try this extension 🤩🙇

[@junaidahmed8594]

Huge Respect Apko Bhaiya, Full Support 💪💪

[@nileshroy3199]

kamal hai..! Mai soch raha tha aap ne sir video upload kar deya😁😁😁

[@adityasharmacs1-149]

Wow man exactly the same thing i was searching yesterday

[@Sidhartha-w4d]

This is what a developers comment section look like ❤

[@manunibandhe5]

Really needed this video . Thanks bhai!!

[@PictorialVibes]

I'm learning to create an Edge extension. Thank you for the tutorial!👍🏼 Subscribed! 😊

[@pragatisawant1724]

Anuj nyc yaarr bahoot kamaal ki video thi !

[@smeetcoder9021]

Manifest v2 is deprecated and support will be removed in 2023 What to do now? Please help bhaiya Can't Load Json File because of it. Try V3 but same issue.

[@avinashkumar8466]

you need to just select the folder which contain manifest.json file and it will automatically select your json file

[@RupamDas-oq5dw]

@Anuj Bhaiya Typing speed is soooooooooo fast. which keyboard are you using?

[@suryastiwari6233]

Thanks bhaiya im waiting for this video

[@apoorvasunkad6686]

Wow.. bhaiyya this is so interesting and amazing..... 🤩🤩 I'll surely try this... thank you ☺️

[@gauravkumar-mg1bz]

U r doing great work buddy🔥🔥

[@NamanPokhriyal_]

nice explanation of chrome extensions

[@Shirani007]

Outstanding. Please do create one more video on adding entry to Browser's context menu and /actions upon selected text on page. Great job

[@aishwaryaporwal2321]

Bhaiya is back with big bang♥️

[@sayankarmakar13]

aj ki video se bohot kuch sikha matlab chrome extension bare me . thank you bhaiya itna accha educational content dene ke liye

[@devildude5010]

Bhaiya apki dsa series kaafi achi h

[@rashidansari4176]

This was so.so.so Helpful I have an idea of making extension buy don't know.the process I got it it's not that hard. Thank you so much

[@mozammilkarim8636]

Thank you, very much, it was really easy to learn in Hindi.

[@subhamsaha31]

You are great brother

[@priyasumi4695]

I dont't know hindi. But the way of explanation through your example is very nice. Understandable. Thank you

[@vibhusharma9900]

Mere bhai ,full support hai hmm sbb kaa aapke best content and aapkoo,keepppp goinn with ur beautiful flow,koi bhi Problem aati hai toh hmm sbb koo usmai involve kro,we will happy to be ur part🙏😊

[@AnkitKumar-jm3cz]

Thank you bhaiya , really want to try this but kha se kre wo nhi pta tha

[@paritoshchaudhary8490]

This video is very helpful for make chrome extension. thank you so much bhaiya❤

[@BtechCommerceWallah]

bhaiya which screen recorder you use?

[@vinod.sharma]

Excellent video. Thanks 🙏

[@guptajicodes]

bhaiya this project is so cool, it will create a new project on chrome extension and I will definitely share.

[@fatehpreetsingh1440]

this video made my day

[@dead-endwarrior4767]

Best video ever....thank you bhaiya😇😇

[@spaaclub5212]

Thank you!! bhaiya for such good content !! really appreciate your efforts.🔥😘

[@ayushsrivastav943]

Bhaiya, aap Kuch Aisa Kariye Na Jisase Koi Kuch Naya Innovation Kar Sake Aur Kuch Aise Hi Ideas Kaisa Banaye Coding Programming Computer Related Kyuki Ye thoda aur alag aur sabko acha lagega Matlab Nae Ideas Se related ek video ya ek series ho sake to zaroor banaiyega

[@shubhamingale4625]

Thank you @anujbhaiya 😊

[@aaluSandwich]

@AnujBhaiya why're we using "manifest_version" : 2 at 3:00 ?

[@shashankdesai8650]

Thank you bhaiya. I just made a chrome extension to control my room lights from scratch (Used Blynk APIs to clone Blynk UI lol).

[@sumanKumar-hf6lh]

Great work bhayia please continue some more video on Chrome extension....

[@me_sumit_0]

The second joke was hilarious.....😂😂

[@Rahul-lk3hk]

Best explain bhaiya

[@engineerclips2321]

Unbelievable Anuj Bhaiya 🔥❤

[@SaiKiranPatro]

anuj bhaiya love your videos as always informative

[@shloktadilkar5536]

Thank you sir very nice and informative video

[@Mr.ModiVlog]

Good morning bhiya 🤗

[@dhirajphatake1873]

Bhaiyya aapne 50 project ideas ka ek video me bataya tha usme chrome extension bhi tha shayad, so thanks for providing great full video, main apne resume main colour peaker ka project bana sakta huna?

[@bellaarorathelabradorretre9031]

colour picker kis liye..please explain?

[@shivamkumarmishra170]

Bhaiya aap aise hi video laate rahoo.... And kuch android development pe bhi laaaooo .... Like something video or gaming application...

[@bigboy2947]

Bhaiya 4 to 5 Extensions Projects ki ek playlist bna do so that we can get complete understanding of extensions development. ❣️

[@vaibhavvashist238]

Bhai ismae sirf front end hei use kar sakta h?

[@devRasen]

NB: For them, the icon is not showing: Change the manifest.json as below... { "manifest_version": 3, "name": "RJokes", "version": "1.0", "description": "RJokes - Random Jokes", "icons": { "128": "logo.png" }, "action": { "default_popup": "popup.html" }, "permissions": ["activeTab"] }

[@kumardivyesh9985]

Interesting video brother through this i got to know how we fetch any data from given json also how we showcase big thanks

[@nilesh7333]

Thank you🙂 This is helpful 💯

[@easelogic]

Simply saying AAG 🔥🔥

[@GauravSingh-dm3rx]

@anuj Bhaiya can you reccomend some websites where we can get different apis

[@AnujBhaiya]

There's a very popular website called rapidapi.com where you can find lots of cool APIs 🙌

[@shivendrasonkar6363]

Please make a video how to use rapid api I have account but fail use in android

[@techprogramer1888]

@@AnujBhaiya Very Thanks bhaiya

[@rahulbhatt1]

@@AnujBhaiya thanku!! But sir after amazon aap apna promise yaad rakhna 5-6 vdos per week!

[@rasiksawant7491]

@@AnujBhaiya Thanks bhaiya

[@pankajkcodes]

fully injoy bhaiya with learning

[@utkarshin]

Anuj Bhaiya Is Like Kota factory Jeetu Bhaiya

[@sarveshshenvi30]

Anuj bro, #respect!!

[@avishekbarnwal8705]

Bhaiya why did you prefer fetch and not some other to make api call like axios

[@avishekbarnwal8705]

If you want to know the answer, do like my comment

[@dixatsingh680]

Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'self' blob: filesystem:". Either the 'unsafe-inline' keyword, a hash ('sha256-PHUMuDJlfdKOEpy/Ygz0oDq3Xdn88tEwhGUZ+iR+c9Y='), or a nonce ('nonce-...') is required to enable inline execution. I am getting this error, how to resolve it bhaiya?

Nice ! Bro can we use python in background instead js.?

[@MuhammadAyaz-gp7xd]

Moat amazing thing I learned today in the morning ❤

[@AdeebTechLab]

There was a problem uploading your file. Please try again. The package should not contain any .pem files with private keys except for the key.pem file in the root of the package.

[@Kulfi125]

hi , bro you need to upload your folder not file . upload a folder which contain files

[@Robert-ob8bu]

Commenting for BETTER REACH ...........

[@JobUpdateAdda37]

Bhaiya DSAONE series k videos thora jaldi upload karo Bhaiya placement season start ho gya h 😂

[@abhaypratapsingh964]

Nice I'm going with a bang in the college

[@webtutorials4279]

06-May-2023 Update:- This tutorial uses manifest version 2. Manifest version 2 is deprecated, and support will be removed in 2023, so keep this in mind and try to learn version 3.

[@parthsachan3140]

Very informative. Thanks a ton!! 🔥👌

[@aakashdipakkumarthakkar5642]

too Good !! GOd bless you !!

[@RAMANKUMARGCEBIT]

2:27, my manifest.json file doesnt show up there. pls help Solution: u just have to select the folder. the json file will get loaded automatically

[@devansh462]

Thankyou So much so this Tutorial and i can see the data structures Schaum's Outline book 🔥🔥🔥🔥

[@akashgillella]

Thanks

[@skilful-mind]

aweeeeeeeeeeeeeeeeeeesome ,great explanation .............................................................................

[@rohangangwar6604]

bhaiya now i am trying to make extension in which user can set his/her coding profiles and social medias by which user can open all these things in a single click.. THANK U FOR THE VIDEO BHAIYA..

[@KhushiYadav-fo9ul]

Manifest file is missing or unreadable Could not load manifest. facing this error while loading

[@069mohammadayaz2]

Bhaiya you are Great ❤️

[@TusharSingh-of3vj]

Anuj bhaiya ki jai ho 💗💗💗💗

[@singhkr]

Bhaiya mai tier 3 college se hu actually l want to be web developer so Not learning DSA... Can it affect my placement

[@anuragyadav-hu6nt]

in interview there will be a specific round for dsa, without DSA you can't pass any interview.

[@namanrastogi3321]

Affect chord placement hi nhi milni phir😂

[@gurjeet333]

hi, Which software do you use for video editing

[@ez1ogod]

Can you help with the code for the manifest V3 version? Or just add the code changes in the description, or edit your pinned comment regarding this? Because the V2 version is throwing errors. Thank you!

[@7ausif]

Same for me. @anujbhaiya Can you help us with V3 manifest tutorial.

[@BeingJiya]

Bs bhaiya ese hi interesting videos late rho.. 🥰🥰