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

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

codefest-ctf-18 writeup

Codefest is online CTF challenge conducted by Hackerrank on August 31 2018 6:00 PM IST to September 1 2018 12:00 PM IST. They have given dozens of challenges.  link: https://www.hackerrank.com/contests/codefest-ctf-18/challenges I manage to complete two challenges in this article i will explain how i solved the two  Typing Master Question If you think you have it in you, connect now to 34.216.132.109 9093 and prove your mettle. You will be presented with a simple typing task which is meant to check your typing speed. For example, Can you type 'Z' 10 times followed by 'u' 6 times, followed by the sum of their ASCII values? ZZZZZZZZZZuuuuuu207 Input Format Regarding input to the server - The question was designed keeping netcat in mind. Some users who are using other tools/language (eg, Python, PuTTY, TELNET) to connect to the server please note that they do not terminate the strings like netcat does. If you choose not to use netcat, t...