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

  Рет қаралды 289,903

Anuj Bhaiya

Anuj Bhaiya

Күн бұрын

Пікірлер: 355
@AnujBhaiya
@AnujBhaiya 3 жыл бұрын
You can download and review this extension with a 5-star rating : chrome.google.com/webstore/detail/dad-jokes/mpncmjknocodnjcoiplhinheoijaddni
@RaaheeAmit
@RaaheeAmit 3 жыл бұрын
Abhiya react aap ko extension m kise convert kare
@CodeCult413
@CodeCult413 3 жыл бұрын
Bhaiya mai django application ko extension mae convert kar sakta hu kya??
@shreyaghosh6372
@shreyaghosh6372 2 жыл бұрын
Bhaiya please make a video on how to use tensorflow.js in chrome extensions
@tenniscricketsitamarhibiha1895
@tenniscricketsitamarhibiha1895 Жыл бұрын
Main aap ko kaise call kar sakta hun
@yt_viksh8457
@yt_viksh8457 3 жыл бұрын
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
@abhishekpalshorts 2 жыл бұрын
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
@letsgocharmander Жыл бұрын
so what changes do we have to do for removing those errors
@suryakantkhute4249
@suryakantkhute4249 Жыл бұрын
Browser_action change to action, in your manifest.json
@lookingforward098
@lookingforward098 7 ай бұрын
​@@suryakantkhute4249 thanks bro❤ Helped me a lot
@a-girl-has-no-name
@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
@sathwikGiddi 16 күн бұрын
can we talk ?
@isha_ch23
@isha_ch23 Жыл бұрын
ATTENTION : In Manifest version 3 , "Browser_action" has been replaced by "action"
@mahaksoni7015
@mahaksoni7015 Жыл бұрын
helped a lot,also icon is not visible png wala
@isha_ch23
@isha_ch23 Жыл бұрын
@@mahaksoni7015 you can download another icon as per your choice with same dimensions
@nainaryan
@nainaryan 3 ай бұрын
thanks
@AlterEgo198
@AlterEgo198 7 ай бұрын
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
@_obito9 3 жыл бұрын
Please continue with android development series with more advanced projects 🙏🙏
@pelapps
@pelapps 3 жыл бұрын
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
@navy4315 3 жыл бұрын
Yes, We need Android Development, Advance Topics.
@meetshah9979
@meetshah9979 3 жыл бұрын
Yes sir please
@amitrai5478
@amitrai5478 3 жыл бұрын
@@pelapps from where u learn android developlmemt?
@pelapps
@pelapps 3 жыл бұрын
@@cockatielscalledkuku thanks and happy to hear that our app helped you in your 1st year end semester exam preparation. 😀
@arushigarg2453
@arushigarg2453 3 жыл бұрын
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
@mohitkanojia2103 3 жыл бұрын
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
@sanketmathur2755 3 жыл бұрын
Loving your DSA series. It really helped me a lot .
@sukritisingh9754
@sukritisingh9754 3 жыл бұрын
Want more cool projects for my resume and learning purpose please keep uploading..this was so easy to understand and implement thankyouu!!
@RonakS-nf2vj
@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
@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
@yourssanjeetsingh432 3 жыл бұрын
This is absolutely a new thing that I learned today thank you so much bhaiya
@foreducation408
@foreducation408 3 жыл бұрын
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
@anilsuthar7623 3 жыл бұрын
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
@byte-master 8 ай бұрын
2 yrs
@stout_
@stout_ 3 жыл бұрын
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
@jitendrasharma2388 3 жыл бұрын
Bhaiya aisi hi videos bnao .. And you are a very brave ❤️ person...
@satyamkaurav5457
@satyamkaurav5457 3 жыл бұрын
When you write something and it works it's a great feeling and thanks to you now we can experiment with it
@iarghya
@iarghya 3 жыл бұрын
Simple, amazing and beginner friendly 👍❤️
@awwush
@awwush 3 жыл бұрын
Thanks anuj bhiya......dvlp must wanted 👏
@princekm5902
@princekm5902 3 жыл бұрын
A little explanation about fetch() and then and callback function would be useful.
@ahgasegot7forever1
@ahgasegot7forever1 Жыл бұрын
fetch is basically used to call a rest api in js
@056_priyankasahu8
@056_priyankasahu8 3 жыл бұрын
I was waiting for it 😍😍 thank u bhaiya..🥳🥳
@harshagarwal7832
@harshagarwal7832 3 жыл бұрын
Gazab 🤩🤩🤩🤩🤩🤩maja aa gaya mast chig bataya bhaiya apne 🤩🤩🤩I will definitely try this extension 🤩🙇
@junaidahmed8594
@junaidahmed8594 3 жыл бұрын
Huge Respect Apko Bhaiya, Full Support 💪💪
@nileshroy3199
@nileshroy3199 3 жыл бұрын
kamal hai..! Mai soch raha tha aap ne sir video upload kar deya😁😁😁
@adityasharmacs1-149
@adityasharmacs1-149 3 жыл бұрын
Wow man exactly the same thing i was searching yesterday
@Sidhartha-w4d
@Sidhartha-w4d 4 ай бұрын
This is what a developers comment section look like ❤
@manunibandhe5
@manunibandhe5 3 жыл бұрын
Really needed this video . Thanks bhai!!
@PictorialVibes
@PictorialVibes 5 ай бұрын
I'm learning to create an Edge extension. Thank you for the tutorial!👍🏼 Subscribed! 😊
@pragatisawant1724
@pragatisawant1724 3 жыл бұрын
Anuj nyc yaarr bahoot kamaal ki video thi !
@smeetcoder9021
@smeetcoder9021 2 жыл бұрын
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
@avinashkumar8466 8 ай бұрын
you need to just select the folder which contain manifest.json file and it will automatically select your json file
@RupamDas-oq5dw
@RupamDas-oq5dw 3 жыл бұрын
@Anuj Bhaiya Typing speed is soooooooooo fast. which keyboard are you using?
@suryastiwari6233
@suryastiwari6233 3 жыл бұрын
Thanks bhaiya im waiting for this video
@apoorvasunkad6686
@apoorvasunkad6686 3 жыл бұрын
Wow.. bhaiyya this is so interesting and amazing..... 🤩🤩 I'll surely try this... thank you ☺️
@gauravkumar-mg1bz
@gauravkumar-mg1bz 3 жыл бұрын
U r doing great work buddy🔥🔥
@NamanPokhriyal_
@NamanPokhriyal_ 3 жыл бұрын
nice explanation of chrome extensions
@Shirani007
@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
@aishwaryaporwal2321 3 жыл бұрын
Bhaiya is back with big bang♥️
@sayankarmakar13
@sayankarmakar13 3 жыл бұрын
aj ki video se bohot kuch sikha matlab chrome extension bare me . thank you bhaiya itna accha educational content dene ke liye
@devildude5010
@devildude5010 3 жыл бұрын
Bhaiya apki dsa series kaafi achi h
@rashidansari4176
@rashidansari4176 3 жыл бұрын
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
@mozammilkarim8636 2 жыл бұрын
Thank you, very much, it was really easy to learn in Hindi.
@subhamsaha31
@subhamsaha31 3 жыл бұрын
You are great brother
@priyasumi4695
@priyasumi4695 Жыл бұрын
I dont't know hindi. But the way of explanation through your example is very nice. Understandable. Thank you
@vibhusharma9900
@vibhusharma9900 3 жыл бұрын
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
@AnkitKumar-jm3cz 3 жыл бұрын
Thank you bhaiya , really want to try this but kha se kre wo nhi pta tha
@paritoshchaudhary8490
@paritoshchaudhary8490 3 жыл бұрын
This video is very helpful for make chrome extension. thank you so much bhaiya❤
@BtechCommerceWallah
@BtechCommerceWallah 3 жыл бұрын
bhaiya which screen recorder you use?
@vinod.sharma
@vinod.sharma Ай бұрын
Excellent video. Thanks 🙏
@guptajicodes
@guptajicodes 3 жыл бұрын
bhaiya this project is so cool, it will create a new project on chrome extension and I will definitely share.
@fatehpreetsingh1440
@fatehpreetsingh1440 3 жыл бұрын
this video made my day
@dead-endwarrior4767
@dead-endwarrior4767 3 жыл бұрын
Best video ever....thank you bhaiya😇😇
@spaaclub5212
@spaaclub5212 3 жыл бұрын
Thank you!! bhaiya for such good content !! really appreciate your efforts.🔥😘
@ayushsrivastav943
@ayushsrivastav943 3 жыл бұрын
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
@shubhamingale4625 3 жыл бұрын
Thank you @anujbhaiya 😊
@aaluSandwich
@aaluSandwich 3 жыл бұрын
@AnujBhaiya why're we using "manifest_version" : 2 at 3:00 ?
@shashankdesai8650
@shashankdesai8650 2 жыл бұрын
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
@sumanKumar-hf6lh 3 жыл бұрын
Great work bhayia please continue some more video on Chrome extension....
@me_sumit_0
@me_sumit_0 11 ай бұрын
The second joke was hilarious.....😂😂
@Rahul-lk3hk
@Rahul-lk3hk 3 жыл бұрын
Best explain bhaiya
@engineerclips2321
@engineerclips2321 3 жыл бұрын
Unbelievable Anuj Bhaiya 🔥❤
@SaiKiranPatro
@SaiKiranPatro 3 жыл бұрын
anuj bhaiya love your videos as always informative
@shloktadilkar5536
@shloktadilkar5536 3 жыл бұрын
Thank you sir very nice and informative video
@Mr.ModiVlog
@Mr.ModiVlog 3 жыл бұрын
Good morning bhiya 🤗
@dhirajphatake1873
@dhirajphatake1873 3 жыл бұрын
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
@bellaarorathelabradorretre9031 3 жыл бұрын
colour picker kis liye..please explain?
@shivamkumarmishra170
@shivamkumarmishra170 3 жыл бұрын
Bhaiya aap aise hi video laate rahoo.... And kuch android development pe bhi laaaooo .... Like something video or gaming application...
@bigboy2947
@bigboy2947 2 жыл бұрын
Bhaiya 4 to 5 Extensions Projects ki ek playlist bna do so that we can get complete understanding of extensions development. ❣️
@vaibhavvashist238
@vaibhavvashist238 3 жыл бұрын
Bhai ismae sirf front end hei use kar sakta h?
@devRasen
@devRasen 4 ай бұрын
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
@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
@nilesh7333 3 жыл бұрын
Thank you🙂 This is helpful 💯
@easelogic
@easelogic 3 жыл бұрын
Simply saying AAG 🔥🔥
@GauravSingh-dm3rx
@GauravSingh-dm3rx 3 жыл бұрын
@anuj Bhaiya can you reccomend some websites where we can get different apis
@AnujBhaiya
@AnujBhaiya 3 жыл бұрын
There's a very popular website called rapidapi.com where you can find lots of cool APIs 🙌
@shivendrasonkar6363
@shivendrasonkar6363 3 жыл бұрын
Please make a video how to use rapid api I have account but fail use in android
@techprogramer1888
@techprogramer1888 3 жыл бұрын
@@AnujBhaiya Very Thanks bhaiya
@rahulbhatt1
@rahulbhatt1 3 жыл бұрын
@@AnujBhaiya thanku!! But sir after amazon aap apna promise yaad rakhna 5-6 vdos per week!
@rasiksawant7491
@rasiksawant7491 3 жыл бұрын
@@AnujBhaiya Thanks bhaiya
@pankajkcodes
@pankajkcodes 3 жыл бұрын
fully injoy bhaiya with learning
@utkarshin
@utkarshin 3 жыл бұрын
Anuj Bhaiya Is Like Kota factory Jeetu Bhaiya
@sarveshshenvi30
@sarveshshenvi30 3 жыл бұрын
Anuj bro, #respect!!
@avishekbarnwal8705
@avishekbarnwal8705 3 жыл бұрын
Bhaiya why did you prefer fetch and not some other to make api call like axios
@avishekbarnwal8705
@avishekbarnwal8705 3 жыл бұрын
If you want to know the answer, do like my comment
@dixatsingh680
@dixatsingh680 3 жыл бұрын
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?
3 жыл бұрын
Nice ! Bro can we use python in background instead js.?
@MuhammadAyaz-gp7xd
@MuhammadAyaz-gp7xd Жыл бұрын
Moat amazing thing I learned today in the morning ❤
@AdeebTechLab
@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
@Kulfi125 Жыл бұрын
hi , bro you need to upload your folder not file . upload a folder which contain files
@Robert-ob8bu
@Robert-ob8bu 3 жыл бұрын
Commenting for BETTER REACH ...........
@JobUpdateAdda37
@JobUpdateAdda37 3 жыл бұрын
Bhaiya DSAONE series k videos thora jaldi upload karo Bhaiya placement season start ho gya h 😂
@abhaypratapsingh964
@abhaypratapsingh964 3 жыл бұрын
Nice I'm going with a bang in the college
@webtutorials4279
@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
@parthsachan3140 3 жыл бұрын
Very informative. Thanks a ton!! 🔥👌
@aakashdipakkumarthakkar5642
@aakashdipakkumarthakkar5642 3 жыл бұрын
too Good !! GOd bless you !!
@RAMANKUMARGCEBIT
@RAMANKUMARGCEBIT 2 жыл бұрын
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
@devansh462 3 жыл бұрын
Thankyou So much so this Tutorial and i can see the data structures Schaum's Outline book 🔥🔥🔥🔥
@akashgillella
@akashgillella 2 жыл бұрын
Thanks
@skilful-mind
@skilful-mind Жыл бұрын
aweeeeeeeeeeeeeeeeeeesome ,great explanation .............................................................................
@rohangangwar6604
@rohangangwar6604 3 жыл бұрын
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
@KhushiYadav-fo9ul 10 ай бұрын
Manifest file is missing or unreadable Could not load manifest. facing this error while loading
@069mohammadayaz2
@069mohammadayaz2 3 жыл бұрын
Bhaiya you are Great ❤️
@TusharSingh-of3vj
@TusharSingh-of3vj 3 жыл бұрын
Anuj bhaiya ki jai ho 💗💗💗💗
@singhkr
@singhkr 3 жыл бұрын
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
@anuragyadav-hu6nt 3 жыл бұрын
in interview there will be a specific round for dsa, without DSA you can't pass any interview.
@namanrastogi3321
@namanrastogi3321 3 жыл бұрын
Affect chord placement hi nhi milni phir😂
@gurjeet333
@gurjeet333 3 жыл бұрын
hi, Which software do you use for video editing
@ez1ogod
@ez1ogod 2 жыл бұрын
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
@7ausif Жыл бұрын
Same for me. @anujbhaiya Can you help us with V3 manifest tutorial.
@BeingJiya
@BeingJiya 3 жыл бұрын
Bs bhaiya ese hi interesting videos late rho.. 🥰🥰
Full Tutorial | Building a Chrome Extension in Typescript and Vite
32:58
How I Built It: $20K/Month Chrome Extension
13:13
Starter Story
Рет қаралды 170 М.
Osman Kalyoncu Sonu Üzücü Saddest Videos Dream Engine 275 #shorts
00:29
Это было очень близко...
00:10
Аришнев
Рет қаралды 6 МЛН
兔子姐姐最终逃走了吗?#小丑#兔子警官#家庭
00:58
小蚂蚁和小宇宙
Рет қаралды 14 МЛН
What's in the clown's bag? #clown #angel #bunnypolice
00:19
超人夫妇
Рет қаралды 41 МЛН
Build a Chrome Extension - Course for Beginners
1:06:25
freeCodeCamp.org
Рет қаралды 600 М.
10 Project ideas to build before 2024 ends | Get that unfair advantage
38:41
Build a Chrome Extension With React & Webpack
17:44
Codify Tools
Рет қаралды 44 М.
10 Best Chrome Extensions 🔥 You Should Start Using Right Now !
14:51
Website Learners
Рет қаралды 224 М.
I Built My First Google Chrome Extension!
20:52
James Q Quick
Рет қаралды 55 М.
Osman Kalyoncu Sonu Üzücü Saddest Videos Dream Engine 275 #shorts
00:29