)
floccus bookmarks sync - 異なるWebブラウザ間でブックマークを同期
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Webブラウザにはブックマーク機能があります。それは大抵ローカル上に保存されますが、Google Chromeのようにマシン間で同期できるものもあります。しかし、これらは個々のブラウザ特有のもので、異なるブラウザ間では共有できません。 そこで使ってみたいのがfloccus bookmarks syncです。Webブラウザの垣根を越えてブックマークを同期できます。 floccus bookmarks syncの使い方 まずアカウントを作成します。 同期方法はNextcloud、WebDAVそしてGoogle Driveから選択できます。 設定です。 ブックマークしました。 同期されます。 floccus bookmarks syncは暗号化キーを設定します。たとえば秘密鍵などを使えば
Chrome・Firefox・Edgeでユーザースクリプトを動かすことができクラウドで同期もできる拡張機能「Violentmonkey」を使ってみた
各ユーザーが公開する便利な機能をブラウザに導入できる仕組みが「ユーザースクリプト」です。「Violentmonkey」はユーザースクリプトをChrome、Firefox、Edgeの各ブラウザに導入し、クラウド同期まで可能な拡張機能とのことなので、実際に使ってみました。 Violentmonkey https://violentmonkey.github.io/ まずはViolentmonkeyをブラウザにインストールするところから。公式サイトの「GET STARTED」をクリック。 遷移先の「Stable Release」に各ブラウザ向けのリンク一覧があります。今回はChrome版のViolentmonkeyを使うため、「Chrome Web Store」をクリック。 Chromeに追加をクリック。 ポップアップが表示されるので、「拡張機能を追加」をクリック。これでインストールが完了です。
VS Codeの中でブラウザーを開いてCSS開発（ひとり DevTools Advent Calendar 2020 – 22日目） | Ginpen.com
22 日目の記事です。 DevToolsおれおれAdvent Calendar 2020やります。ひとりで。 VS Code はウェブ開発に便利だな～、いっそブラウザーのタブも表示できないかな～、そう考えのあなたに朗報です。できます。 題名のとおり MS Edge を使うんだけど、macOS など Edge を導入していない場合は Chrome で代用できます。 デモプロジェクト よければこちらご利用ください。昨日のに追加しました。サーバーは npm run start ないし node server.js で起動します。 ginpei/vscode-debug-web-demo 本記事に沿って設定するか、あるいは .vscode.example/ を .vscode/ へコピーすればすぐデバッグ開始できます。 Microsoft Edge Tools で VS Code 内にブラウザーの
新Edgeでクリック時にmousemoveイベントが発火される問題 | バシャログ。
こんにちわ。山崎です。最近更新できておらず、久々の投稿になります。 今回はとあるプロジェクトの開発中に2020年1月15日にリリースされた新Egdeでの不具合を見つけたのでそれについて書いていこうと思います。 何を作っていたのか イベントサイトの会場マップでそのマップをドラッグしたらマップの位置を移動し、 クリックしたら該当の小間番号のモーダルが開き詳細が見られるというものです。 実際のソースコードを載せることはできないので、今回複数の企業が合同セミナーイベントを行うという程でかなり簡易的なものですがdemoを作ってみました。 デモはこちら 画面収録 2020-06-29 16.35.25.mov ソースコード <!DOCTYPE html> <html> <head> <meta charset="utf8"> <title>EdgeとChromeでclick時にmousemoveが発火
ウェブ制作に便利な各ブラウザの開発ツール「キャッシュ無効化」機能
コードを書いて、ブラウザでチェックして… 画像を書き出して、ブラウザでチェックして…という作業をしていて、ブラウザのキャッシュが残っていて困ったことってありませんか？ そんな時に便利なのが開発ツールのキャッシュ無効化機能です。Firefox、Chrome、Safari、Microsoft Edgeのそれぞれの開発ツールに搭載されている機能です。ちょっとしたことなんですけど、知っているのとそうでないのとでは作業効率がだいぶ変わってくるんですよね。 以下、各ブラウザの開発ツールで設定を変える方法です。 Firefoxの開発ツールのキャッシュ無効化 Firefoxの開発ツールで「ネットワーク」タブを開くと「キャッシュを無効化」というオプションがあります。ここにチェックを入れるとツールボックスが開いている時はキャッシュが無効化されます。 開発ツールの設定からオプションを変更する 開発ツールの設定画
Firefoxで見ているページをChrome・Edgeなど他のブラウザで一発で開ける拡張機能「Open With」
FirefoxやGoogle Chromeなどさまざまなブラウザがある中、特定のブラウザでしか動作しないウェブアプリや画像データがあったとき、いちいち別のブラウザを立ち上げてURLをコピペするのは少々面倒です。Firefoxの拡張機能である「Open With」をインストールすると、最短2クリックで別ブラウザを立ち上げることができ、URLをコピペする必要もありません。 「Open With」でFirefoxからChrome・Edge・Operaブラウザを開く様子は以下のムービーから。 Firefoxの拡張機能「Open With」を使ってChrome・Edge・Operaを開く - YouTube Open With – Firefox (ja) 向け拡張機能を入手 https://addons.mozilla.org/ja/firefox/addon/open-with/ Open Wi
Chrome・Safari・IE・Firefox・EdgeのキャッシュとCookie削除方法まとめ
By jirkaejc ウェブブラウザに、ユーザーが閲覧したページの情報を一時的に保存するキャッシュや入力した情報を保存しておくCookieには、次回以降の閲覧時にウェブサイトを早く読み込んだり、IDやパスワード入力の手間を省いたりする役割があります。しかし、個人情報流出や予期せぬエラーの原因となってしまう可能性もあるため、場合によっては削除が必要になることもあります。各OSやブラウザごとに削除の手順が異なるので、キャッシュとCookieを削除する方法についてまとめてみました。 目次： ◆Windows＋Chrome ◆Windows＋IE ◆Windows＋Firefox ◆Windows＋Edge ◆macOS＋Chrome ◆macOS＋Safari ◆macOS＋Firefox ◆iOS＋Chrome ◆iOS＋Safari ◆iOS＋Firefox ◆Android＋Chrome
ブラウザで表示が崩れた時の検証に便利！IE6-11, Edge, Chrome, Safari, Firefoxなど各ブラウザのCSSハック -Browser Hack Mixins
特定のブラウザで挙動がおかしい、期待通りにならない、そんな時の検証用に役立つ、IE6-11, Edge, Chrome, Safari, Firefoxなど各ブラウザのCSSハックがまとめられたSassのMixinを紹介します。 いざという時に、備えておきたいですね。 Browser Hack Mixins for Sass Browser Hack Mixinsの使い方 「_hacks.scss」をインポート。 コード: @import "hacks"; Mixinの使い方 基本書式: @include [Mixin_Name]{ selector, property, value } 記述例: @include only_ie9_below { .my_div, background-color, red } CSSハックの各ブラウザは、下記の通り。 そのブラウザのみ、バージョンのみ、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Browser Bug Searcher