在Chrome控制臺注入npm模塊

CoorChice 發布于2019-08-23 14:39 / 3374人閱讀

摘要：工具和資料群高級爬蟲作者自建群，歡迎加入作者收集的爬蟲相關工具和資料正文上次研究了如何在內置解釋器中加載模塊，這兩天手頭又有一個需求，要在瀏覽器的開發者控制臺中加載同樣的模塊，以便在控制臺中驗證一些想法。

工具和資料

QQ群 - Javascript高級爬蟲 - 作者自建群，歡迎加入！

awesome-java-crawler - 作者收集的爬蟲相關工具和資料

正文

上次研究了如何在java內置javascript解釋器nashorn中加載npm模塊，這兩天手頭又有一個需求，要在Chrome瀏覽器的開發者控制臺中加載同樣的npm模塊，以便在控制臺中驗證一些想法。
因為對前端開發不算熟悉，不知道有沒有其它的好方案，這個是我自己摸索的，但確實可用。

流程

npm下載browserify
npm i browserify -g

寫一個簡單js文件，使用require加載npm模塊，并注入到window對象
window.acorn = require("./acorn")

使用browserify打包這個js，該工具會自動把所有依賴的npm模塊和簡單js打包成單個js文件
browserify entry.js > require_acorn.js

把require_acorn.js文件的內容粘貼到開發者控制臺并執行，然后就可以使用了

代碼壓縮

到這里其實桌面Chrome瀏覽器就沒有問題了，我又用inspector連上安卓版Chrome試了一下，結果控制臺崩了……
估計是acorn太大了，畢竟有5000多行，于是又試了試壓縮：

npm下載uglify.js
npm i uglify-js -g

壓縮前面生成的單個js包
uglifyjs require_acorn.js > require_acorn.min.js

這次果然沒有問題了，在控制臺執行typeof acorn可看到模塊已經正確加載。

云服務器 GPU云服務器在npm 包 coa 和 rc 中發現惡 webrtc在chrome是否支持語音 cdn在內容注入時服務器遠程控制模塊

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/100921.html

在Chrome控制臺注入npm模塊

摘要：工具和資料群高級爬蟲作者自建群，歡迎加入作者收集的爬蟲相關工具和資料正文上次研究了如何在內置解釋器中加載模塊，這兩天手頭又有一個需求，要在瀏覽器的開發者控制臺中加載同樣的模塊，以便在控制臺中驗證一些想法。工具和資料 QQ群 - Javascript高級爬蟲 - 作者自建群，歡迎加入！ awesome-java-crawler - 作者收集的爬蟲相關工具和資料正文上次研究了...

aaron 2019-07-30 18:44 評論0 收藏0
webpack實戰

摘要：和類似的預處理器還有等。的用處非常多，包括給自動加前綴使用下一代語法等，目前越來越多的人開始用它，它很可能會成為預處理器的最終贏家。 webpack實戰查看所有文檔頁面：全棧開發，獲取更多信息。快馬加鞭，加班加點，終于把這個文檔整理出來了，順便深入地學習一番，鞏固知識，就是太累人，影響睡眠時間和質量。極客就是想要把事情做到極致，開始了就必須到達終點。原文鏈接：webpack實戰，原...

cyrils 2019-08-22 17:32 評論0 收藏0
寫一個 Chrome 擴展之 Flat Weibo —— 簡潔你的微博世界

摘要：一般而言，擴展會對用戶瀏覽的頁面進行相應的操作和一些數據傳遞，本案例的本質是，當用戶瀏覽網頁版微博時，擴展會向當前頁面注入預先寫好的，這樣便對微博網頁版進行了樣式重構。采用這樣的方法依次處理所有你不想看到的元素，你的微博便會簡潔很多。 0x00. 前言微博現在也是變得越來越臃腫，廣告越來越多，早已不再是微博了，這讓微博深度用戶的我感到十分焦灼。由于之前就嘗試寫過 Chrome 插件，...

fredshare 2019-08-19 17:59 評論0 收藏0
Javascript模塊全攬

摘要：要求模塊編寫必須在真正的代碼之外套上一層規定的代碼包裝，樣子看起來是這樣的模塊代碼通過傳遞一個簽名為的回調函數給函數，就可以把需要注入的變量和函數注入到模塊代碼內。之前寫的文章急速Js全棧教程得到了不錯的閱讀量，霸屏掘金頭條3天，點贊過千，閱讀近萬，甚至還有人在評論區打廣告，可見也是一個小小的生態了；）。看來和JS全棧有關的內容，還是有人頗有興趣的。 showImg(https://...

lily_wang 2019-08-23 11:41 評論0 收藏0
某網站高度加密混淆的javascript的分析

摘要：前言對某網站加密混淆后的代碼也算分析了一段時間了，雖然還沒搞出來，但多少有些心得，這里記錄一下。因此，應該將局部變量也替換成唯一且更有意義的名字，比如函數名變量索引因此，正確的方法是基于編譯原理進行語法級別的替換。 showImg(https://segmentfault.com/img/remote/1460000018765904); 前言對某網站加密混淆后的javascript...

newsning 2019-08-23 14:20 評論0 收藏0