iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 415 瀏覽

鐵人賽自我挑戰組 DAY 18

前端工程師在 Qiita 閱讀的雜食筆記系列第 18 篇

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

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

Heidi_Liu ‧ 2023-10-03

0 Like 0 留言 325 瀏覽

鐵人賽自我挑戰組 DAY 16

為了成為更好的前端，我開始在乎的那些事系列第 16 篇

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

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

bensonchen3418 ‧ 2023-10-01

0 Like 0 留言 431 瀏覽

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

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

mackuo ‧ 2023-08-14

1 Like 0 留言 1171 瀏覽

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

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

Doris ‧ 2023-05-15

7 Like 2 留言 4327 瀏覽

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

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

channelaron ‧ 2023-05-02

0 Like 0 留言 3770 瀏覽

鐵人賽 IT管理 DAY 15

從零開始學Notion，打造你的All-in-one管理系統系列第 15 篇

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

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

owo ‧ 2022-09-30

0 Like 1 留言 1232 瀏覽

鐵人賽 Modern Web DAY 9

你知道這是什麼嗎？ Chrome Extension MV3 With Vite 系列第 9 篇

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

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

Winnie Wu ‧ 2022-09-09 ‧團隊啊 ah

0 Like 0 留言 3122 瀏覽

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

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

WinsonOTP ‧ 2022-08-02

0 Like 0 留言 1003 瀏覽

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

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

Shiva虛碼 ‧ 2022-06-07

1 Like 0 留言 9972 瀏覽

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

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

taurus770423 ‧ 2022-05-30

0 Like 0 留言 662 瀏覽

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

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

waifu ‧ 2022-04-28

8 Like 1 留言 1377 瀏覽

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

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

窮嘶發發發 ‧ 2022-03-24

0 Like 0 留言 2744 瀏覽

鐵人賽自我挑戰組 DAY 1

Asp.Net Core 從 Post FormData 走到輕前端 Vue 系列第 1 篇

技術 Day01 - 開賽

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

水無痕 ‧ 2021-09-01

1 Like 2 留言 2686 瀏覽

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

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

嗚嗚嗚master ‧ 2021-08-15

0 Like 0 留言 1291 瀏覽

鐵人賽 Software Development DAY 13

前端工程師不能不知道的生產力工具系列第 13 篇

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

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

Yuri Tsai ‧ 2020-09-28

0 Like 0 留言 1232 瀏覽

鐵人賽 Software Development DAY 12

前端工程師不能不知道的生產力工具系列第 12 篇

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

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

Yuri Tsai ‧ 2020-09-27

0 Like 0 留言 1445 瀏覽

鐵人賽 Modern Web DAY 14

前端開發 30 個問題系列第 14 篇

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

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

TD ‧ 2020-09-27 ‧團隊Outcome First

1 Like 0 留言 1132 瀏覽

鐵人賽 Software Development DAY 11

前端工程師不能不知道的生產力工具系列第 11 篇

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

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

Yuri Tsai ‧ 2020-09-26

0 Like 0 留言 966 瀏覽

鐵人賽 Software Development DAY 10

前端工程師不能不知道的生產力工具系列第 10 篇

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

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

Yuri Tsai ‧ 2020-09-25

0 Like 0 留言 1629 瀏覽

鐵人賽 Software Development DAY 9

前端工程師不能不知道的生產力工具系列第 9 篇

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

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

Yuri Tsai ‧ 2020-09-24

0 Like 0 留言 1442 瀏覽

鐵人賽 Software Development DAY 8

前端工程師不能不知道的生產力工具系列第 8 篇

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

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

Yuri Tsai ‧ 2020-09-23

1 Like 1 留言 3353 瀏覽

鐵人賽 Software Development DAY 7

前端工程師不能不知道的生產力工具系列第 7 篇

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

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

Yuri Tsai ‧ 2020-09-22

0 Like 0 留言 1400 瀏覽

鐵人賽 Software Development DAY 6

前端工程師不能不知道的生產力工具系列第 6 篇

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

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

Yuri Tsai ‧ 2020-09-21

0 Like 0 留言 1818 瀏覽

鐵人賽 Software Development DAY 5

前端工程師不能不知道的生產力工具系列第 5 篇

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

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

Yuri Tsai ‧ 2020-09-20

0 Like 0 留言 1518 瀏覽

鐵人賽 Software Development DAY 3

前端工程師不能不知道的生產力工具系列第 3 篇

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

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

Yuri Tsai ‧ 2020-09-18

1 Like 2 留言 10562 瀏覽

鐵人賽 Modern Web DAY 2

JavaScript初心者ノ研究日記。系列第 2 篇

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

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

RIN ‧ 2020-09-15

2 Like 0 留言 7080 瀏覽

鐵人賽自我挑戰組 DAY 5

Ruby on Rails 與它們相關的東西系列第 5 篇

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

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

小菜 ‧ 2020-09-10

0 Like 0 留言 3876 瀏覽

鐵人賽自我挑戰組 DAY 3

Ruby on Rails 與它們相關的東西系列第 3 篇

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

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

小菜 ‧ 2020-09-08

1 Like 0 留言 12448 瀏覽

鐵人賽自我挑戰組 DAY 2

Ruby on Rails 與它們相關的東西系列第 2 篇

技術 Day02 - Chrome 的小技巧 - 內建截圖功能

前言 Chrome 是許多人電腦必裝的瀏覽器之一，自今年微軟 (Microsoft) 宣佈 Internet Explorer (以下簡稱 IE) 最後支援時間...

小菜 ‧ 2020-09-07

0 Like 1 留言 1702 瀏覽

技術 OpenCart 修正 SameSite Cookie 問題說明(以串接ezShip為例)

關於 SameSite Cookie 所帶來的問題，絕大部分有串接外部金物流網站的購物網站，應該都無法避免，還不了解 SameSite 問題的，建議先閱讀瀏覽...

OpenCart 資深工匠 ‧ 2020-04-09