উইজেকের পরামর্শের ভিত্তিতে আপনি আপনার কোডটিকে একটি ডেটা- ইউরিতে রাখতে পারেন।
data:text/html;charset=utf-8,
<html>
<link rel="shortcut icon" href="https://stackoverflow.com/favicon.ico">
<script type="text/javascript">
alert('It works!')
</script></html>
এবং সেগুলি সমস্ত বুকমার্ক হিসাবে সংরক্ষণ করুন। ( এটি চেষ্টা করুন! কোডটিকে আপনার ট্যাব বারে টেনে আনুন)
দুর্ভাগ্যক্রমে এটি কেবলমাত্র কয়েকটি ক্ষেত্রে (আরও নীচে) কাজ করে।
কিভাবে এটা কাজ করে:
(কমপক্ষে ক্রোমে) এটি javascript: "<html>...your html code here, including a javascript tag that will run when loaded...</html>"অন্যান্য সমাধানের পরামর্শ মতো ফর্ম্যাটটি ব্যবহার করে বুকমার্কলেটের অনুরূপ । সেক্ষেত্রে আপনি যে পৃষ্ঠাটিতে রয়েছেন তার HTML টি বুকমার্কলেট থেকে এইচটিএমএল দ্বারা প্রতিস্থাপন করা হবে , তবে অবস্থানটি একই থাকবে এবং বুকমার্কলেটে নিজেই এখনও কোনও স্থান থাকবে না যাতে Chrome এর জন্য কোনও ফ্যাভিকন সংরক্ষণ করতে পারে না।
বিপরীতে, একটি ডেটা-ইউরি বুকমার্কের সাথে আমরা অন্য পৃষ্ঠায় যাই , এর নিজস্ব অবস্থান রয়েছে এবং ব্রাউজারটি এটির জন্য একটি ফ্যাভিকন সংরক্ষণ করতে পারে। এটিকে "আপনার ব্রাউজারে কোনও ওয়েবসাইট হোস্টিং" হিসাবে ভাবুন, আপনি যদি বুকমার্কগুলি সিঙ্ক করেন তবে আপনি অন্যান্য কম্পিউটারগুলিতে অ্যাক্সেস করতে সক্ষম হবেন। আপনি যদি কিছু কিছু স্থানীয় রাখতে চান তবে আপনি url এর পরিবর্তে ফ্যাভিকনের জন্য একটি বেস 64 চিত্রও ব্যবহার করতে পারেন।
এটির সীমাবদ্ধতা রয়েছে।
আপনি যখন এটি ক্লিক করেন, এটি বর্তমান পৃষ্ঠাটি ছেড়ে দেয় এবং ডেটাতে পৃষ্ঠাটি লোড করে । অতএব আপনি বর্তমান পৃষ্ঠার সাথে ইন্টারঅ্যাক্ট করে এমন বুকমার্কেটগুলির জন্য এটি ব্যবহার করতে সক্ষম হবেন না, কেবল এমন কোডের জন্য যা আপনি কোনও ভিন্ন পৃষ্ঠায় চালিত করতে পারেন।
মন্তব্যের জন্য // ব্যবহার করবেন না। যেহেতু এটি সমস্ত এক লাইনে সংরক্ষণ করা হবে, সেগুলিকে / ** / এ মোড়ুন এবং আপনার সেমিকোলনগুলি ভুলে যাবেন না
এফএফ এ এটি ফেভিকনটি সংরক্ষণ করেছে, তবে আমি উইন্ডো.ওপেন () ব্যবহার করতে চাইলে সর্বদা পপআপ উইন্ডো খুলতে সেট করতে সক্ষম হইনি কারণ এটি আমাকে ডেটা ইউআরএলগুলির জন্য একটি ডিফল্ট আচরণ সংরক্ষণ করতে দেয় না because
উদাহরণ হিসাবে:
এই কৌশলটি ব্যবহার করে আমি আইকন জেনারেটর সহ একটি ছোট বুকমার্কলেট তৈরি করেছি। আপনি এই কোডটি এটি ব্যবহার করতে আপনার URL বারে টানতে পারেন (বা এটি বুকমার্ক হিসাবে সংরক্ষণ করুন)। কোড এবং আইকনটির জন্য একটি ইনপুট অঞ্চল সহ এটি একটি সাধারণ পৃষ্ঠা এবং তারপরে আইকন সহ একটি বুকমার্কলেট তৈরি করে
data:text/html;charset=utf-8,<html><head>
<title>Bookmarklet With Icon Generator</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" ></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" >
<link rel="shortcut icon" href="https://www.freefavicon.com/freefavicons/objects/plain-thumbs-up-152-237293.png">
</head>
<body>
<div class="container">
<div class="page-header">
<h2>Write your javascript and specify a favicon, then drag the button to your bookmarks bar</div>
</h2>
<a id="bookmarkbutton" href='' ondragend='this.click()' draggable="true" class="btn btn-primary btn-lg" role="button">
Drag me to your bookmarks bar! </a><br /><br />
<div>
<label for="fav_href">Favicon:</label>
<input id="fav_href" value='https://stackoverflow.com/favicon.ico' style='width:100%'></input> </div><br />
<div>
<label for='ta'>Write your JavaScript below</label>
<textarea id="ta" style="width:100%;height:50%">
setTimeout(()=>{ &%2313
alert('hello world'); /*Use this format for comments, use %2523 instead of hash (number sign)*/ &%2313
window.history.back(); &%2313
},200);
</textarea></div>
</div>
<script type = "text/javascript">
fav_href.onchange = ta.onchange = function(){
bookmarkbutton.href = 'data:text/html;charset=utf-8,<html><head>'+
'<link rel="shortcut icon" href="'+ fav_href.value +'">'+
'<script type="text/javascript"> '+ ta.value +'<\/script>';
};
ta.onchange();
</script>
</body>
অন্য উদাহরণ: বুকমার্কলেট তার নিজস্ব ছোট উইন্ডোতে ফেসবুক মেসেঞ্জার খুলতে (আপনার ব্রাউজারটি ডিফল্টরূপে পপআপগুলি অবরুদ্ধ করে নাও কাজ করতে পারে)
data:text/html;charset=utf-8,
<html>
<link rel="shortcut icon" href="https://facebook.com/images/messengerdotcom/favicon/favicon.ico">
<script type="text/javascript">
url = 'https://www.messenger.com/';
w = 740; h = 700;
x = parseInt( screen.availWidth/2 - w/2 );
y = parseInt( screen.availHeight/2 - h/2 );
nw = window.open(url,'', 'width='+ w +',height='+ h +',top='+ y +',left='+ x);
nw.focus();
setTimeout(()=>{
window.history.back();
window.close();
},200);
</script>
বুকমার্কলেট আইকনগুলি পাওয়ার জন্য অন্যান্য ক্রোমের কাজের ক্ষেত্র:
বুকমার্কস বারটি রফতানি করা, এটিকে সম্পাদনা করা এবং এটিকে আবার আমদানি করা, এই উত্তরে বর্ণিত /superuser/212722/how-can-i-add-a-favicon-to-a-bookmarklet-in- গুগল ক্রম
বুকমার্কলেটকে একটি এক্সটেনশনে রূপান্তর করা হচ্ছে। এটি আর বুকমার্কলেট হবে না, তবে এটির একই কার্যকারিতা থাকবে। এখানে একটি সহজ ওয়েবসাইট যা এটি আপনার জন্য করে http://sandbox.self.li/bookmarklet-to-extension/ তারপরে আপনার আইকন ফাইলটি কেবল যা চান তা পরিবর্তন করুন। এর অসুবিধাটি হ'ল এক্সটেনশানগুলি র্যাম ব্যবহার করে (সাধারণের জন্য 10 মিম্বারের আশেপাশে?), আপনার যদি খুব কম এবং সামান্য ম্যাম থাকে তবে এটি আপনার পক্ষে সমাধান নাও হতে পারে। এছাড়াও, আপনার কাছে বুকমার্কের মতো পাঠ্য থাকবে না, কেবল আইকন।
