<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>FireFox | ウダ2Blog</title>
	<atom:link href="https://uda2.com/blog/tag/firefox/feed/" rel="self" type="application/rss+xml" />
	<link>https://uda2.com/blog</link>
	<description>大阪でフリーランスとしてWEB制作している管理人が気になった技術をメモったり、作ったツールの紹介などを綴っているブログです。</description>
	<lastBuildDate>Thu, 26 Apr 2018 13:57:09 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9</generator>
	<item>
		<title>MakeLink替わりのブックマークレット</title>
		<link>https://uda2.com/blog/makelink/</link>
					<comments>https://uda2.com/blog/makelink/#respond</comments>
		
		<dc:creator><![CDATA[uda2]]></dc:creator>
		<pubDate>Thu, 26 Apr 2018 13:48:48 +0000</pubDate>
				<category><![CDATA[制作日記]]></category>
		<category><![CDATA[FireFox]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[ブックマークレット]]></category>
		<guid isPermaLink="false">https://uda2.com/blog/?p=2162</guid>

					<description><![CDATA[<p>Firefox Quantumのアップデートで速さと引き替えに多くのアドオンが動作しなくなりました。半年ほど経過し現在下記のような感じで落ち着きました。 Biscuit：削除したくないクッキーを保護 → Cookie A</p>
The post <a href="https://uda2.com/blog/makelink/">MakeLink替わりのブックマークレット</a> first appeared on <a href="https://uda2.com/blog">ウダ2Blog</a>.]]></description>
										<content:encoded><![CDATA[<p>Firefox Quantumのアップデートで速さと引き替えに多くのアドオンが動作しなくなりました。半年ほど経過し現在下記のような感じで落ち着きました。<br />
<a href="https://addons.mozilla.org/ja/firefox/addon/biscuit-220876/" target="_blank">Biscuit</a>：削除したくないクッキーを保護 → <a href="https://addons.mozilla.org/ja/firefox/addon/cookie-autodelete/" target="_blank">Cookie AutoDelete</a><br />
<a href="https://addons.mozilla.org/ja/firefox/addon/copy-plain-text-2/" target="_blank">Copy Plain Text 2</a>：プレーンテキストでコピー → <a href="https://addons.mozilla.org/ja/firefox/addon/copy-plaintext/" target="_blank">Copy PlainText</a><br />
<a href="https://addons.mozilla.org/ja/firefox/addon/pagesaver/" target="_blank">Pearl Crescent Page Saver</a>：ページをスクショ → <a href="https://addons.mozilla.org/ja/firefox/addon/pagesaver-we/" target="_blank">Page Saver WE</a><br />
QuickDrag：テキストをドラッグで検索 → <a href="https://addons.mozilla.org/ja/firefox/addon/quickdrag-we/" target="_blank">QuickDrag WE</a><br />
<a href="https://addons.mozilla.org/ja/firefox/addon/user-agent-switcher/" target="_blank">User Agent Switcher</a>UAを切り替える → <a href="https://addons.mozilla.org/ja/firefox/addon/uaswitcher/" target="_blank">User Agent Switcher</a><br />
<a href="https://addons.mozilla.org/ja/firefox/addon/tab-mix-plus/" target="_blank">Tab Mix Plus</a>：ページタブをカスタマイズ<br />
後継の<a href="https://addons.mozilla.org/ja/firefox/addon/tab-mix-plus-webextension/" target="_blank">Tab Mix WebExtension</a>もあるが執筆時点では殆どの機能が使えない。<br />
・多段タブ → あきらめた<br />
・新しいタブをホームページに → New Tab Override</a><br />
・ブックマークを新しいタブで開く → 設定（about:config）で「browser.tabs.loadBookmarksInTabs」をtrueに変更<br />
・検索結果を新しいタブで開く → 設定（about:config）で「browser.search.openintab」をtrueに変更</p>
<p>そして本題の<a href="https://addons.mozilla.org/ja/firefox/addon/make-link/" target="_blank">Make Link</a>の代用ですが、昔はJavascriptでコピーしようとしたらIE以外はコピーの機能が無かったので裏でFlashを動かしたりしていたが昨今はClipboard APIでクリップボードを制御できるしexecCommandを使えばコピーを実行出来るようなのでブックマークレットを作って代用してみた。<br />
<span id="more-2162"></span><br />
仕組み的にはexecCommandは任意のモノをコピーする機能では無く「Ctr＋C」を押したときのようにコピー指示を出すだけの機能なので、イベントを作成しその中でclipboardData.setDataを使ってクリップボードの中身を任意のテキストに上書きしています。<br />
このイベントは後で別のものをコピーする際に動かないように一度だけしか実行されないようにする必要があります。一度だけイベントを発火するのにIEでは使えないaddEventListenerのoneceオプションを使っていますが今回はFirefox用なのでIEは非対応としました。もしieも対応したい場合はイベントを使わずwindow.clipboardDataを使えばいいかと思います。<br />
参考：<a href="http://w3c.github.io/clipboard-apis/" target="_blank">Clipboard API and events</a><br />
<a href="javascript:(function(){document.addEventListener('copy',(e)%3D%3E{e.preventDefault();e.clipboardData.setData('text%2Fplain','%3Ca%20href%3D%22'%2Bwindow.location.href%2B'%22%20target%3D%22_blank%22%3E'%2Bdocument.title%2B'%3C%2Fa%3E');},{once:true});document.execCommand('copy')})();">MakeLink HTML</a><br />
<a href="javascript:(function(){document.addEventListener('copy',(e)%3D%3E{e.preventDefault();e.clipboardData.setData('text%2Fplain',window.location.href%2b'%5ct'%2bdocument.title);},{once:true});document.execCommand('copy')})();">MakeLink TSV</a></p>
<p>結果失敗しました。Chromeでは動きましたが肝心のFireFoxでは下記のようなエラーが出て使えませんでした。<br />
「document.execCommand(‘cut’/‘copy’) はユーザー生成の短期的なイベントハンドラーの内部からの呼び出しでないため拒否されました。」<br />
イベント内なら許すみたいな書き方なのでclearTimeoutを仕掛けて見ましたが無理でした。次にクリックイベントで試すとできました。<br />
<a href="javascript:(function(){var%20d%3ddocument,b%3dd.createElement('div');d.body.appendChild(b);b.innerHTML%3d'click%20to%20copy';b.style.cssText%3d'display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%25;height:100%25;background-color:rgba(255,255,255,0.8);font-size:24px;z-index:999;color:%23333;margin:0;padding:0;';d.addEventListener('copy',(e)%3d%3e{e.preventDefault();e.clipboardData.setData('text%2fplain','%3ca%20href%3d%22'%2bwindow.location.href%2b'%22%20target%3d%22_blank%22%3e'%2bdocument.title%2b'%3c%2fa%3e');},{once:true});b.addEventListener('click',(e)%3d%3e{e.preventDefault();document.execCommand('copy');d.body.removeChild(b);});})();">MakeLink HTML</a><br />
<a href="javascript:(function(){var%20d%3ddocument,b%3dd.createElement('div');d.body.appendChild(b);b.innerHTML%3d'click%20to%20copy';b.style.cssText%3d'display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%25;height:100%25;background-color:rgba(255,255,255,0.8);font-size:24px;z-index:999;color:%23333;margin:0;padding:0;';d.addEventListener('copy',(e)%3d%3e{e.preventDefault();e.clipboardData.setData('text%2fplain',window.location.href%2b'%5ct'%2bdocument.title);},{once:true});b.addEventListener('click',(e)%3d%3e{e.preventDefault();document.execCommand('copy');d.body.removeChild(b);});})();">MakeLink TSV</a></p>
<p>ソース的には下記のような感じになります。</p>
<pre><code>javascript:(function(){
  var d=document,b=d.createElement('div');
  d.body.appendChild(b);
  b.innerHTML='click to copy';b.style.cssText='
    display:flex;
    align-items:center;
    justify-content:center;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(255,255,255,0.8);
    font-size:24px;
    z-index:999;
    color:#333;
    margin:0;
    padding:0;
  ';
  d.addEventListener('copy',(e)=>{
    e.preventDefault();
    e.clipboardData.setData('text/plain','&lt;a href="'+window.location.href+'" target="_blank"&gt;'+document.title+'&lt;/a&gt;');
  },{once:true});
  b.addEventListener('click',(e)=>{
    e.preventDefault();
    document.execCommand('copy');
    d.body.removeChild(b);
  });
})();</code></pre>The post <a href="https://uda2.com/blog/makelink/">MakeLink替わりのブックマークレット</a> first appeared on <a href="https://uda2.com/blog">ウダ2Blog</a>.]]></content:encoded>
					
					<wfw:commentRss>https://uda2.com/blog/makelink/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>FireFox3.5</title>
		<link>https://uda2.com/blog/firefox35/</link>
					<comments>https://uda2.com/blog/firefox35/#respond</comments>
		
		<dc:creator><![CDATA[uda2]]></dc:creator>
		<pubDate>Wed, 01 Jul 2009 15:44:29 +0000</pubDate>
				<category><![CDATA[うだうだ]]></category>
		<category><![CDATA[FireFox]]></category>
		<category><![CDATA[アドオン]]></category>
		<guid isPermaLink="false">http://uda2.com/wordpress/2009/07/firefox35.html</guid>

					<description><![CDATA[<p>なにやらFireFoxが3.5が正式リリースという事で早速バージョンアップしてみた。 Javascriptが速くなったらしいがそもそもFireFox3が速いので差は分からない。 技術的な事はFirefox 3.5 for</p>
The post <a href="https://uda2.com/blog/firefox35/">FireFox3.5</a> first appeared on <a href="https://uda2.com/blog">ウダ2Blog</a>.]]></description>
										<content:encoded><![CDATA[<p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://uda2.com/blog/upimages/WS000001.jpg"><img decoding="async" alt="WS000001.jpg" src="http://uda2.com/blog/upimages/WS000001-thumb-180x240.jpg" width="180" height="240" class="mt-image-left" style="float: left; margin: 0 20px 20px 0;" /></a></span>なにやらFireFoxが3.5が正式リリースという事で早速バージョンアップしてみた。<br />
Javascriptが速くなったらしいがそもそもFireFox3が速いので差は分からない。<br />
技術的な事はFirefox 3.5 for developersに載ってて色々面白そうな機能があるがIE6が未だ根強い人気があるので新しい機能を使ったサイトを作るのは当分先の話。<br />
先走りすぎたのかアドオン関係はダメなのが結構あった。FireFoxはアドオンがイイトコなのでこれが使えないと一気にダメな奴になってしまう。<br />
対応済みなのが</p>
<ul class=="mylist">
<li>DownThemAll</li>
<li>DragIt</li>
<li>Firebug</li>
<li>FireMobileSimulator</li>
<li>MakeLinnk</li>
<li>Screengrab</li>
</ul>
<p>
未対応なのが</p>
<ul class=="mylist">
<li>GooglePagerankStatus</li>
<li>NortonIPS</li>
<li>Norton Toolbar</li>
<li>RestTest</li>
<li>TabMixPlus</li>
<li>WebDeveloper日本語版</li>
</ul>
<p>TabMixPlusが使えないのは痛いとか思ってたら<br />
<a href="http://mozilla-remix.seesaa.net/article/122559921.html" target="_blank">「Firefox 3.5」リリース。速攻レビュー。</a><br />
を見ると開発中のが使える様だ。不安は残るが特に問題無く使えてる。</p>The post <a href="https://uda2.com/blog/firefox35/">FireFox3.5</a> first appeared on <a href="https://uda2.com/blog">ウダ2Blog</a>.]]></content:encoded>
					
					<wfw:commentRss>https://uda2.com/blog/firefox35/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
