iframe跨域的幾種常用方法
在開發日常中，會遇到使用iframe嵌套其他頁面，想要與嵌套頁面進行交互，常常會涉及到跨域問題，何為跨域？這涉及到同源策略，即協議、端口、域名相同則為同源 違反了同源策略就會出現跨域問題，主要表現為以下三方面： 1.無法讀取cookie、localStorage、indexDB 2.DOM無法獲得 3.ajax請求無法發送 解決方法 一、設置domain 前提條件：這兩個域名必須
昵稱 mosquito
動態
postMessage
此方法可以用於實現跨源通信等，我們來演示如何實現在兩個窗口之間進行通信。 假設我們現在有兩個頁面：page1.html和page2.html， 他們的關係是通過iframe關聯起來的，就像這樣（下面是page1.html的內容）： iframe id="receiver" src="./page2.html" width="300" height="100"/iframe 為了實現通信，首先你需要
昵稱 zxl20070701
使用 `postMessage` 跨域名遷移 `localStorage`
朋友的網站有個需求：要從 A 域名遷移到 B 域名。所有內容不變，只是更改域名。這個需求不復雜，理論上改下配置然後 301 即可。但這個網站是純靜態網站，用户數據都存在 localStorage 裏，所以他希望能夠自動幫用户把數據也遷移到新域名。 我們知道，localStorage 是按照域名存儲的，B 網站無法訪問 A 網站的 localStorage。所以我們就需要一些特殊的手段來實現需求。經
昵稱 Meathill
不同tab頁的數據如何保持一致？
背景 後端同事提了個問題： 當打開實例詳情頁面後，再打開一個tab頁面，然後再訪問實例詳情頁面。如果這時候在某一個tab頁面切換到不同實例了，然後去到另一個tab頁面進行實例的操作，比如升級或者停止。會誤以為當前操作的是同一個實例。但很明顯兩個tab頁的實例是不一樣的，這樣很容易出現誤操作。 所以就想要保持不同tab頁的數據統一。也就是在tab頁面切換實例後，其他tab頁也要跟着切換到該實例。 解
昵稱 simonbaker
RISC-V SIG 新進展：Chromium 等多個桌面軟件登錄歐拉開源操作系統
近日，RISC-V SIG 成功將 Chromium 等桌面軟件適配到 openEuler RISC-V，這是繼 openSUSE 之後第二個跑起來 Chromium 的 RISC-V 發行版。作為桌面應用的核心軟件，瀏覽器決定着一個操作系統整體的用户體驗。目前，RISC-V SIG 已經為 openEuler RISC-V 適配完成 Chromium 和 Firefox 兩大開源瀏覽器。此外，K
昵稱 openEuler
ChatGPT for SegmentFault 插件發佈！
ChatGPT for SegmentFault 是一個瀏覽器插件，幫助你在思否社區查看 ChatGPT 針對每個問題的回答，在你等待人工回答的同時，快速獲取到 AI 提供的回答。 社區用户間相互幫助會產生更多交流，答案中通常包含一些自己的驗證和經驗的融入，但往往時效性沒那麼強，ChatGPT 是一個比較好的補充。 效果預覽： https://www.bilibili.com/vide... 使用
昵稱 SegmentFault思否
Firefox火狐瀏覽器顯示你的連接不安全，是什麼意思？
當 Firefox 連接到一個安全的網站時（網址最開始為“https://”），它必須確認該網站出具的證書有效且使用足夠高的加密強度，以充分保護您的隱私。如果證書無法通過驗證，或加密強度過低，Firefox 會中止連接到這個網站，並向您顯示SSL證書錯誤信息頁面：“你的連接不安全”。 什麼情況下出現“你的連接不安全”？ 出現“你的連接不安全”問題，有多種情況。常見的情況有以下幾種： （1）證書不
昵稱 沃通CA
Firefox 120, Chrome 120, Chromium 120 官網離線下載
Firefox 120, Chrome 120, Chromium 120 官網離線下載 (macOS, Linux, Windows) Mozilla Firefox, Google Chrome, Chromium, Apple Safari 請訪問原文鏈接：https://sysin.org/blog/chrome-firefox-download/，查看最新版。原創作品，轉載請保留出處。
昵稱 sysin
5分鐘上手瀏覽器插件測試——Eolink Apikit
Eolink Apikit 研發管理和自動化測試產品中，提供了多種發起 API 測試的方式： 服務器測試：通過 Eolink Apikit 官方遠程服務器發送請求，不需要安裝任何插件，但是無法訪問本地服務器(localhost)、內網、局域網。 插件測試：通過 Eolink Apikit 官方瀏覽器插件發送請求，需要安裝 Chrome 或者 Firefox 插件，可訪問本地服務器(local
昵稱 Eolink
麒麟操作系統 (kylinos-x64) 從入門到精通 - 辦公環境 - 第7篇 安裝最新版本瀏覽器
0. 基礎環境 類別：筆記本 硬件：Intel,Amd等x86_64處理器 系統：銀河麒麟操作系統 V10（SP1）2303-update2 關鍵詞： 信創,麒麟系統,linux,PKS,銀河麒麟,amd64,x86_64,x64,firefox,chrome,microsoft edge 1. 需求背景 銀河麒麟系統中自帶了許多瀏覽器，我個人還是喜歡firefox
昵稱 碼上世界
火狐瀏覽器無法打開axure原型圖
1.電腦系統ubuntu24.24LTS 2.火狐瀏覽器無法打開axure原型圖解方法: 打開火狐瀏覽器 進入設置: about:config進入配置 修改security.fileuri.strict_origin_policy為falsse 可以直接 進行搜索 security.fileuri.strict_origin_policy 3.修改原型文件的resources\script
@huitailangdeqingyu_620f185a1b3e3
昵稱 灰太狼的情與殤
如何在 Chrome 和 Firefox 中禁用 HSTS？
您是否在 Chrome 或 Firefox 上遇到令人沮喪的HSTS 錯誤？不要絕望！本詳細指南專為您設計。 我們將引導您瞭解它是什麼、為什麼會遇到錯誤，以及最重要的是，如何在 Chrome 和 Firefox 中禁用 HSTS。 通過我們簡潔的步驟和清晰的解釋，您可以立即修復此技術錯誤。讓我們開始吧！ 什麼是 HSTS？ HSTS代表HTTP 嚴格傳輸安全，是一種網絡安全策略機制，有助於保護網
昵稱 沃通CA
Firefox 135, Chrome 135, Chromium 135 官網離線下載
Firefox 135, Chrome 135, Chromium 135 官網離線下載 (macOS, Linux, Windows) Mozilla Firefox, Google Chrome, Chromium, Apple Safari 請訪問原文鏈接：https://sysin.org/blog/chrome-firefox-download/ 查看最新版。原創作品，轉載請保留出處。
昵稱 sysin
navigator.mediaDevices.getUserMedia undefined問題解決
navigator.mediaDevices.getUserMedia只有在https或者localhost下使用。 如果需要再http協議下使用navigator.mediaDevices.getUserMedia，需要打開不安全的配置。 火狐瀏覽器打開多媒體不安全的配置： chomre打開不安全配置： 瀏覽器輸入chrome://flags/ 搜索Insecure o
昵稱 任天鏜
C++ Boost::asio使用示例
背景情況 vsomip中使用了boost::asio作為通信框架，所以有必要學習使用一下。 本文不涉及原理。 示例 服務端 客户端 同步/異步客户端 boost_client.h #ifndef BOOST_CLIENT_H #define BOOST_CLIENT_H #include "boost/asio.hpp" #define BLOCK_SIZE 64 * 102
昵稱 SpringSmell
《 Socket.IO》 解決 WebSocket 通信！
大家好呀，我是小菜~ 本文主要介紹 Socket.IO 微信公眾號已開啓，小菜良記，沒關注的同學們記得關注哦！ 在介紹 Socket.IO 之前, 我們先考慮一個問題, 如果這個時候有個需求, 類似實現人工客服的功能該如何實現? 在線客服，需求理解起來很簡單，就相當於一個 web 的聊天頁面，也就是客户端能夠 即時拉取到服務端的響應 當然, 作為接口工程師, 這並不是一個很難
昵稱 寫做
網絡協議之:socket協議詳解之Socket和Stream Socket
簡介 不管是在普通的網絡編程中還是在netty中，都經常會提到一個詞叫做socket，好像socket是一個神奇的東西，使用socket我們可以建立客户端到服務器端的連接，並且和進行客户端和服務器端的通訊，那麼socket到底是什麼呢？它有哪些分類呢？一起來看看吧。 Socket是什麼 socket的中文翻譯是套接字，個人覺的這個翻譯真的是太差勁了，套接字聽起來毫無意義，所以很多人在第一次聽到so
昵稱 flydean
Redis-單線程模型
大家好，我是半夏之沫 😁😁 一名金融科技領域的JAVA系統研發😊😊 我希望將自己工作和學習中的經驗以最樸實，最嚴謹的方式分享給大家，共同進步👉💓👈 👉👉👉👉👉👉👉👉💓寫作不易，期待大家的關注和點贊💓👈👈👈👈👈👈👈👈 👉👉👉👉👉👉👉👉💓關注微信公眾號【技術探界】 💓👈👈👈👈👈👈👈👈 前言
昵稱 半夏之沫
【WebSocket】總結
websocket 協議概述 Webscoket是Web瀏覽器和服務器之間的一種全雙工通信協議，其中WebSocket協議由IETF定為標準，WebSocket API由W3C定為標準。一旦Web客户端與服務器建立起連接，之後的全部數據通信都通過這個連接進行。通信過程中，可互相發送JSON、XML、HTML或圖片等任意格式的數據。 websocket是基於TCP的一個應用協議，與HTTP協議的關聯
昵稱 看見了
java.io.IOException: 遠程主機強迫關閉了一個現有的連接。異常堆棧信息問題處理（屏蔽）！【轟隆隆原創】
當我們使用Socket開發服務器間相互通信的時候，應該都遇到這個異常，正常情況下，這個是由於客户端和服務器端網絡異常或者強制斷開所產出的異常，具體如下： java.io.IOException: 遠程主機強迫關閉了一個現有的連接。 at sun.nio.ch.SocketDispatcher.read0(Native Method) at sun.nio.ch.SocketDisp
昵稱 轟隆隆
用Node.js, React和Socket.io創建一個看板應用
本文為譯文，原文地址為： Building a Kanban board with Node.js, React and Websockets 關於 在這篇文章中，你可以學習如何構建一個看板應用，類似在JIRA, MonDay或者Trello等應用中看到那樣。這個應用，將包含一個漂亮的drag-and-drop功能，使用的技術是React, Socket.io和DND（拖拽）技術。用户可以登錄、創
昵稱 jinling
使用 Socket.io 和 React 開發一個聊天應用
這篇文章是關於什麼的 相信大家對於 web 版的線上聊天室都不陌生，這篇文章主要講的就是如何使用 Socket.io 和 React 開發一下簡單的線上聊天應用。 所謂線上聊天應用，就是你給一個人或者一個羣發送一條消息，他們可以看到這條消息並且可以回覆。既簡單又複雜。 開發一個聊天室應用，你需要在新信息來到的時候及時的感知到。 通常來説，為了獲得服務端的信息，我們需要發送一個 HTTP 請求。但是
昵稱 superZidan
簡易聊天室【NestJS+Socket.io】
用過nestjs的前端小夥伴都會覺得，它是一個好用但不火的框架。不火的原因是它和springBoot風格近似，但是相比較spring的生態，nestjs還是太弱了，對於純後端人員來説確實不夠用。 但如果是單純的前端開發人員用過nestjs就會覺得比較驚豔，不僅前後端可以一把擼，且從中可以學習到後端的知識體系。 今天本文帶來前端使用Vue3 + TS，後端使用NestJS+Socket.io練手的簡
昵稱 Winn
前端 socket.io 跨域
在使用Socket.io進行前端跨域通信時，可以通過設置Socket.io的cors選項來允許跨域請求。 以下是一個簡單的例子，展示瞭如何在Node.js的服務器代碼中配置Socket.io以允許跨域連接： const express = require('express'); const http = require('http'); const socketIO = require('s
昵稱 JHCan333