iT邦幫忙

chrome相關文章
共有 133 則文章
鐵人賽 自我挑戰組 DAY 18

技術 Day18 - 推薦給前端工程師的 Chrome 擴充功能

原文連結:フロントエンドエンジニアにおすすめchrome拡張機能 - Qiita 在閱讀 Qiita 時,發現有不少統整系列的文章,可能是對於某技術、指令、...

鐵人賽 自我挑戰組 DAY 16

技術 [Day 16] 網路常識 - (2) 什麼是 DNS? 跟前端有什麼關係? - 網路世界 & 本地 DNS cache

今天會延續 DNS 的部分,正式來解釋 DNS 如何運作,和如何優化   DNS 原理解釋 Internet 與 IP address 在解釋 DNS 前,讓我...

技術 解決 Chrome 右鍵搜尋時無法開啟新視窗的惱人問題!!

本文同步發表於小弟自架網站(非釣魚也無廣告,純分享): 微確幸資訊站 參考來源(非釣魚、詐騙連結。不參考連結,也可以看以下的操作方式):https://mspo...

技術 [快速入門前端 9] 開發人員工具

瀏覽器開發人員工具 在我們開始講選擇器種類之前,先來介紹瀏覽器中好用的工具 —— 開發人員工具。開發人員工具是瀏覽器自帶的一個開發工具套件,可以看到當前網頁結構...

達標好文 技術 【密技】玩壞Google Chrome小恐龍

Hi!大家好,今天來教大家如何玩壞Google Chrome小恐龍,這款Chrome離線小恐龍跑酷遊戲,一般是在開啟Chrome瀏覽器並在離線狀態下可以玩到的遊...

鐵人賽 IT管理 DAY 15

技術 【Day15-Notion Web Clipper】一鍵儲存網頁內容到你的Notion

不知不覺已經來到一半的日子了,其實後半有很多內容我還在一邊構思一邊規劃,不過就繼續走下去吧! Notion Web Clipper 不同於前面介紹的社群套件,今...

鐵人賽 Modern Web DAY 9

技術 你知道這是什麼嗎? Chrome extension MV3 With Vite - Day9 Background 事件監聽器

Hi Dai Gei Ho~ 我是Winnie ~經過前面關於 Service Worker 的觀念與應用介紹後,想必大家對於 Background 基本的基本...

技術 Chrome 瀏覽器擴充套件推薦 | 『Custom Cursor for Chrome』輕鬆自定義鼠標

這篇文章將會和大家介紹一個Chrome的擴充套件:「Custom Cursor for Chrome」,可以自製屬於自己的自定義鼠標,也可以挑選各式各樣的鼠標...

技術 [Chrome] 你的連線不是私人連線 NET::ERR_CERT_INVALID

在使用 Chrome 時會發現在一些網站上出現 「你的連線不是私人連線」的訊息 通常是因為該網站是使用自簽憑證導致 通常只要點擊「進階」之後就會出現「繼續前往…...

技術 Visited:我最喜歡的Node.js上的開源命令行工具

最近,我偶然發現了一個軟件,"Visited",一個建立在Node.js上的開源命令行工具。 那麽,這個軟件有什麽神奇之處? Visited...

技術 邦幫忙乾淨無廣告自幹版

安裝 stylebot 進入 邦幫忙 打開 Stylebot 開啟代碼頁 輸入以下代碼 .header > div, .rightside ....

技術 [ vim 笑話] Chrome 瀏覽器 + Vimium + Gather town = 打不開的門

某天,在 Gather town 要照操作指令按 x 開門進會議室的路人甲 但因爲路人甲的瀏覽器環境配置是 Chrome 瀏覽器 + Vimium,依照網頁指示...

鐵人賽 自我挑戰組 DAY 1

技術 Day01 - 開賽

想寫這系列文章的目的 蠻多人問 Asp.Net MVC Model Binding 的相關問題,特別是複雜型別 自己在工作上碰到多階複雜型別,後來改用 輕前端...

技術 popcat 如何使用 python 搭配 selenium 在瀏覽器上自動點擊

popcat 有鑑於台灣在popcat中被泰國搶下金牌,無聊的我寫了這一個咚咚 這次是使用 Python 搭配 selenium 讓 python 在瀏覽器上面...

鐵人賽 Software Development DAY 13

技術 [Day13] 瀏覽器開發工具 - 自行開發篇

這個系列的最後,我想要整理一下如何開發擴充功能的起手式。 從前面的介紹可以大致了解各種主要情境下的操作,以及針對前端開發上可以使用的偵錯工具。 但是有些情況下還...

鐵人賽 Software Development DAY 12

技術 [Day12] 瀏覽器開發工具 - 燈塔篇(Lighthouse)

在Day7的介紹中,我們初步認識了 Lighthouse ,在效能的檢測上可以發現問題,並且給予修改上的建議。 但 Lighthouse 其實還有其他面向的檢...

鐵人賽 Modern Web DAY 14
前端開發 30 個問題 系列 第 14

技術 How browser works (1) - A brief of Chrome architecture

前言2020 秋天,我將用 30 天的時間,來嘗試回答和網路前端開發相關的 30 個問題。30 天無法一網打盡浩瀚的前端知識,有些問題可能對有些讀者來說相對簡...

鐵人賽 Software Development DAY 11

技術 [Day11] 瀏覽器開發工具 - 擴充功能篇

雖然開發者工具中已經提供相當豐富的功能,也一直持續發展中。不過 Google 有開放提供可裝在開發者工具的擴充功能的 API,像是目前大多主流的前端框架的開發者...

鐵人賽 Software Development DAY 10

技術 [Day10] 瀏覽器開發工具 - 資源篇

今天我們來看看跟網站資源比較相關的兩個面板 - Applications 跟 Security。 為了要展示面板功能與設定,我們以大家熟悉的 星巴克 PWA 版...

鐵人賽 Software Development DAY 9

技術 [Day09] 瀏覽器開發工具 - 網路篇

當我們使用 LightHouse 和 Performance 的面板找出前端程式可優化的地方,接下來就是看我們開發的應用,在進行網路請求的時候,速度上和資料的正...

鐵人賽 Software Development DAY 8

技術 [Day08] 瀏覽器開發工具 - 效能篇(下)

昨天主要介紹使用 Lighthouse 幫助我們從使用者的角度來發現問題與提供解決方式。今天則是要以程式的角度,以 Performance 面板裡的 Timel...

鐵人賽 Software Development DAY 7

技術 [Day07] 瀏覽器開發工具 - 效能篇(上)

完成除錯後,接著就要幫我們開發的頁面進行效能上的檢測和優化。在現在各種裝置的普及,前端應用也愈多樣複雜,使用者對於速度也就愈要求。 為了提升使用者的體驗,開發者...

鐵人賽 Software Development DAY 6

技術 [Day06] 瀏覽器開發工具 - 除錯篇(下)

觀察執行結果 當每次程式暫停在斷點時,除了要觀察頁面上的變化,很多時候還需要監測運算後的變數。 所以我們需要利用開發者工具現有的功能來方便做這些事情。 Scop...

鐵人賽 Software Development DAY 5

技術 [Day05] 瀏覽器開發工具 - 除錯篇(上)

接下來整理的部分是我覺得這個part最重要的內容之一。 人不是神,只要有寫程式的一天,就會面臨臭蟲的到來 (除非你是想先甘後苦,總之先交給QA的那種類型,但最好...

鐵人賽 Software Development DAY 3

技術 [Day03] 瀏覽器開發工具 - 元素篇

今天的主題是針對在元素(Element)面板上可以進行的動作,包括對頁面上的元素進行結構的變動,或著樣式上的檢視。廢話不多說,直接切入正題吧! 對當前選取到的元...

鐵人賽 Modern Web DAY 2

技術 二日目:在VScode 撰寫JavaScript。插件。Chrome檢查工具。

大家安 我是SONYKO  ٩(ˊωˋ*)و✧今天進入第二天~   相信大家都知道撰寫程式必須用「文字編輯器」來撰寫,今天就簡單的來介紹一下目前很多開發者在使用...

鐵人賽 自我挑戰組 DAY 5

技術 Day05 - Mac、Chrome、iTerm2、Visual Studio Code 上常用的快捷鍵

前言 紀錄個人常用的 Mac 、 Chrome 、 iTerm2 、 Visual Studio Code (以下簡稱 VS code) 的快捷鍵,若有覺得不錯...

鐵人賽 自我挑戰組 DAY 3

技術 Day03 - Chrome 的小技巧 - 內建 URL 轉 QRcode

前言 過去要將網頁轉 QRcode 需透過擴充功能(extensions)尋找合適的套件才得以實現,從 Chrome 85 電腦版開始,將此功能納入實驗中惹,未...