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

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 ...

Vim - Text Editor which last for Decade

what's Vim?     Vim is a highly configurable text editor for efficiently creating and changing any kind of text. It is included as "vi" with most UNIX systems and with Apple OS X                                                                                                            ---> From Vim.org  when i first heard it, what a command line editor which is awesome and i said to myself  NO WAY, there are tons of editor which looks good and easy learn curve such as Atom,Sublime,VSCode and bunch others What makes vim special than other editors?  Different from everything you have used before ( because it has modes - insert mode,visual mode,Command mode ) Forget the mouse ( why?...

Demystify - Linux GUI

GUI In Linux GUI ( Graphics User Interface ) as everyone know about.  I am writing this article so that we can able to understand how to run GUI apps in containers but we need to understand how it works in linux. Why linux?   Most of the container we use are Linux based inorder run GUI in Linux we need know how it works.. Back in early days computer fill the entire room and if you want to access it you will be presented TTY (TeleType Machine) you can still see this screen if you press CTRL + ALT + F1 in Linux. ( To get back to GUI press CTRL + ALT + F7 ) Linux spin off 8 TTY when it boots ( we can configure more or less ) Graphics in linux is handled by bunch of little programs. They are Display manager Display manger which is the key component for graphics in which mainly graphics servers lie in linux the X.org is the defacto of Display manger. which has two components X Server  X Client Here little twist server talks to the client ( o...