Skip to main content

Automatically Open DevTools when newtab open in Browser

One of cool topic which is told by my friend, He is web developer we want devtools to open whenever new tab get open so we searched the internet to automatically open devtools there are plenty but none didn't work for me

So I decided to write by own using some browser addon i have

Here the procedure is for MAC

Tools:
      [+] GreaseMonkey -> available for firefox
      [+] TamperMonkey -> incase of chrome

Working:

I achieved this using Client-Server Model

Client : Browser using the GreaseMonkey/TamperMonkey send the request to the Server

Server: If any request received from client, It send the KeyStroke option+command+c ( differs for Operating system )  so the devtools will open


Program:

Client Side
========

// ==UserScript==
// @name     Unnamed Script 977967
// @version  1
// @grant    none
// @require  https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.0.4/socket.io.js
// @include  *
// ==/UserScript==

var socket = io.connect('http://localhost:9999');

  socket.on('news', function (data) {
    console.log(data);
    /*socket.emit('my other event', { my: 'data' });*/
 });


Install this script in greaseMonkey or TamperMonkey and you are good to go

Server Side
========

Here i used python because i like it very much beside you can create server in any language such as nodeJs,Ruby or whatever language you like

import SocketServer
import os

class MyTCPHandler(SocketServer.BaseRequestHandler):

    def handle(self):
        cmd = """
        osascript -e 'tell application "System Events" to keystroke "c" using {option down,command down}'
        """
        os.system(cmd)
        self.data = self.request.recv(1024).strip()
        print "{} wrote:".format(self.client_address[0])
        print self.data
        self.request.sendall(self.data.upper())

if __name__ == "__main__":
    HOST, PORT = "localhost", 9999
    server = SocketServer.TCPServer((HOST, PORT), MyTCPHandler)
    server.serve_forever()


here osascript application is used to send keystoke but if you are using other Operating System
Windows - check how to send keystroke through cmd and paste there instead of osascript
Linux - You are in luck check out my previous blog post i described how to send keystroke from python


Ya this is Fun and Awesome
hope every one try it

If any problem occur, Comment down below

If you have any crazy idea like this ping me up , i will be glad to help you























   


Comments

  1. Hey can you tell me how to initialise the server side?
    Would I have to run the server every time manually?

    ReplyDelete
    Replies
    1. Yes the server need to start manually by us
      wait for next post , i will tell you how to run the server in background in linux
      keep coding , have fun

      Delete

Post a Comment

Popular posts from this blog

Docker

Docker is used to run software packages called "containers". Containers are isolated from each other and bundle their own tools, libraries and configuration files; they can communicate with each other through well-defined channels                                                                                                --Wikipedia  I have already written a article about the containers you can check out in here https://thangaayyanar.blogspot.com/2018/06/containers.html This time, let's learn more about docker engine how we can use this. The important things we need to know in docker are Docker Image:  The container can be created with the help of Image. The Image file consists of code, libraries, environment variable...

BlockChain

As the name says chain of block Now what is a block?       A block typically contains a  cryptographic hash of the previous block,  a timestamp transaction data    Where it is used?      It is the backbone of cryptocurrency i.e it ensure the security and integrity of data. The usage doesn't stop here well blockchain are resistant to modification of the data. so it can used in Bank Identity verification Hospital records and much more   How it ensures security and integrity of data? Block added to the chain, contain the hash ( result obtained from hash algorithm such as MD5,SHA) of the previous block so changes in one block lead to mismatch. Proof of work algorithm - Adding a node in the block chain require validation whether the new block is valid or not which is done my miner if they find the valid hash they will be rewarded How to do one?      The most interesting part ...

My experience in iOS Hackathon

This is my second hackathon, my first hackathon was on machine learning if you want to check out that article by following the below link https://thangaayyanar.blogspot.com/2018/02/what-i-learned-from-machine-learning.html So let's get started First let us discuss about the idea of what we are trying to achieve in this hackathon. From the above image you can able to know that we are going to recognize text from the image and use it to do find which field it is.  we separated this idea into three modules Identify the region Recognize the text  Field classification Module I : Identify the region To identify the selected region we used Vision framework ( ML framework provided by apple to detect the object ). The vision framework give us the boundary of the text region ( i.e frame - x,y,width,height ).  Then using the above region we crop the selected region and pass it to the next module. Module II : Recognize the text To recognize the text we ...