產(chǎn)品經(jīng)理朋友說要沉浸式寫作,我給他寫了個Chrome插件

我有一個做產(chǎn)品經(jīng)理的朋友叫大東取胎,大東自己有一個公眾號叫“不想當設(shè)計的產(chǎn)品不是好前端”闻蛀。我一直沒關(guān)注大東的公眾號,因為他也沒關(guān)注我的役衡。有一天大東問我:你有沒有發(fā)現(xiàn)一個痛點手蝎?公眾號后臺編輯器太窄了俐芯,干擾信息太多吧史,完全沒有沉浸式體驗的愉悅感。大東說話總是這樣吨述,喜歡拽一些專業(yè)詞匯,生怕別人不知道他是一個產(chǎn)品經(jīng)理锐极。

我說大東啊,你把網(wǎng)頁全屏,每天深夜在南四環(huán)租的八平米小房里關(guān)著門帶著耳機翎迁,還不夠沉浸么汪榔?大東立馬發(fā)了個截圖給我痴腌,說:你沒有理解我的需求點啊燃领。你看這里左邊有個封面圖猛蔽,右邊有多媒體內(nèi)容曼库,下面還有個操作bar,我的Mac Air本來屏就小慈缔,再一擠中間都沒多少空間讓我天馬行空了胀糜。我知道你技術(shù)高超蒂誉,能不能幫我想個辦法把這些東西隱去坝蚁恰绍移?

大東的公眾號

本來看到大東這張截圖我是很不爽的轧抗,我是想拒絕的瞬测,但是我們程序員一般都不屑與產(chǎn)品經(jīng)理計較,我決定還是幫他這個忙灯蝴。這還不簡單穷躁,控制臺寫個腳本直接把這些干擾元素remove(消除)掉不就OK了问潭。我三下五除二搞定了,把腳本發(fā)給大東并教他粘貼到控制臺執(zhí)行两芳。

執(zhí)行腳本

大東以前跟我學過幾招Chrome調(diào)試小技巧怖辆,學起來倒也快竖螃。本來以為這就完了特咆,誰知道一個小時后大東又發(fā)來了微信腻格,說菜职,我寫了一千多字了酬核,可是保存按鈕剛才remove掉了,現(xiàn)在咋保存暗妨尽?能不能在需要的時候還可以顯示那些保存按鈕什么的熬山怼?

我說,媽的狗改不了吃屎绳匀,就知道你又要改需求疾棵。這個就比較麻煩了,給我一個星期給你解決开仰。大東職業(yè)習慣就是壓時間,問我能不能三天搞定众弓?我這個需求比較急啊恩溅。看在我們這么多年朋友的份上我就答應給他趕一趕谓娃,心里卻默默罵道:傻逼你哪個需求不急脚乡?

我一般喜歡睡覺前想一些技術(shù)難題。不過那天晚上我卻沒想出來滨达,第二天早上突然靈光一現(xiàn)奶稠,我覺得寫個瀏覽器插件可以解決這個難題。以前沒寫過捡遍,但聽說都是JavaScript寫的锌订,應該不難。這里我順便做個廣告“JavaScript千秋萬載画株,一統(tǒng)江湖”瀑志,學編程就學JavaScript污秆。

我找來Chrome插件開發(fā)文檔,仔細看了一天常侦,慢慢摸索著終于寫出來了,使用起來還是挺順暢的:

插件最終效果

這個插件在瀏覽器右上角有一個按鈕投蝉,點擊就會隱藏側(cè)邊菜單和底部的控制條,再次點擊又會復原。為了讓它更加自然涌韩,我還加了過渡動畫」秃粒現(xiàn)在在微信后臺寫文章的時候馅闽,就是這個樣子的:

很干凈

我把打包好的插件發(fā)給大東峦甩,告訴他要這么安裝:

1、先點擊Chrome右上角的隱藏菜單,依次選擇更多工具->擴展程序涵卵。

第一步

2、勾選“開發(fā)者模式”。

第二步

3汁尺、把.crx格式的插件拖過來就安裝成功了辽装。

第三步

第三天大東請我吃了一頓飯斯碌,他說多虧了你策吠,現(xiàn)在我寫文章的時候很沉浸、很安心,以前身體被掏空的感覺再也沒有了。不過我倒是希望大東馬上找個女朋友,能再次掏空他的身體峻厚。

奧對了,我把寫好的插件傳到網(wǎng)盤了懈息,索取暗號如下:

鏈接: https://pan.baidu.com/s/1eRVMgN4 密碼: 2fyn

好東西不能讓大東一個人霍霍了俗慈,大家可以下載了試用一下,發(fā)現(xiàn)問題可以在公眾號后臺告訴我,我會不斷優(yōu)化悲伶,等穩(wěn)定了會提交到谷歌應用商店纳寂。

(本故事純屬虛構(gòu)架曹,你要對號入座,就特么尷尬了)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市扣唱,隨后出現(xiàn)的幾起案子噪沙,更是在濱河造成了極大的恐慌朋腋,老刑警劉巖穷绵,帶你破解...
    沈念sama閱讀 211,639評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異逸邦,居然都是意外死亡昭雌,警方通過查閱死者的電腦和手機复唤,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,277評論 3 385
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來烛卧,“玉大人佛纫,你說我怎么就攤上這事妓局。” “怎么了呈宇?”我有些...
    開封第一講書人閱讀 157,221評論 0 348
  • 文/不壞的土叔 我叫張陵好爬,是天一觀的道長。 經(jīng)常有香客問我甥啄,道長存炮,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,474評論 1 283
  • 正文 為了忘掉前任蜈漓,我火速辦了婚禮穆桂,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘融虽。我一直安慰自己享完,他們只是感情好,可當我...
    茶點故事閱讀 65,570評論 6 386
  • 文/花漫 我一把揭開白布有额。 她就那樣靜靜地躺著般又,像睡著了一般。 火紅的嫁衣襯著肌膚如雪巍佑。 梳的紋絲不亂的頭發(fā)上茴迁,一...
    開封第一講書人閱讀 49,816評論 1 290
  • 那天,我揣著相機與錄音萤衰,去河邊找鬼堕义。 笑死,一個胖子當著我的面吹牛腻菇,可吹牛的內(nèi)容都是我干的胳螟。 我是一名探鬼主播昔馋,決...
    沈念sama閱讀 38,957評論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼筹吐,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了秘遏?” 一聲冷哼從身側(cè)響起丘薛,我...
    開封第一講書人閱讀 37,718評論 0 266
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎邦危,沒想到半個月后洋侨,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,176評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡倦蚪,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,511評論 2 327
  • 正文 我和宋清朗相戀三年希坚,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片陵且。...
    茶點故事閱讀 38,646評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡裁僧,死狀恐怖个束,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情聊疲,我是刑警寧澤茬底,帶...
    沈念sama閱讀 34,322評論 4 330
  • 正文 年R本政府宣布,位于F島的核電站获洲,受9級特大地震影響阱表,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜贡珊,卻給世界環(huán)境...
    茶點故事閱讀 39,934評論 3 313
  • 文/蒙蒙 一最爬、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧门岔,春花似錦烂叔、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,755評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至牢裳,卻和暖如春逢防,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背蒲讯。 一陣腳步聲響...
    開封第一講書人閱讀 31,987評論 1 266
  • 我被黑心中介騙來泰國打工忘朝, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人判帮。 一個月前我還...
    沈念sama閱讀 46,358評論 2 360
  • 正文 我出身青樓局嘁,卻偏偏與公主長得像,于是被迫代替她去往敵國和親晦墙。 傳聞我的和親對象是個殘疾皇子悦昵,可洞房花燭夜當晚...
    茶點故事閱讀 43,514評論 2 348

推薦閱讀更多精彩內(nèi)容