整合營(yíng)銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
湃新聞見(jiàn)習(xí)記者 鄒佳雯 記者 高文
觸碰廣告，隨即自動(dòng)下載AP，這算侵犯權(quán)益？日前，華東政法大學(xué)有學(xué)生將小米告上法庭。
今年8月，華政學(xué)子范某與小米科技有限責(zé)任公司產(chǎn)品責(zé)任糾紛一審民事判決書(shū)公開(kāi)。
判決書(shū)顯示，原告范某是小米手機(jī)用戶，在使用中，范某發(fā)現(xiàn)小米手機(jī)中的部分廣告標(biāo)識(shí)不清，觸碰會(huì)引發(fā)自動(dòng)下載。范某認(rèn)為，其誤觸了小米瀏覽器APP推廣的廣告，引發(fā)了“好看視頻”APP的自動(dòng)下載，小米公司違背了其意愿且耗費(fèi)了流量，損害其財(cái)產(chǎn)權(quán)益。
由此， 范某要求小米賠償其因觸碰廣告自動(dòng)下載APP而損失的數(shù)據(jù)流量費(fèi)用1元。
對(duì)此，法院認(rèn)為，小米公司沒(méi)有向原告隱瞞該類鏈接的真實(shí)情況，對(duì)此沒(méi)有侵犯原告的知情權(quán)；此外，原告可以通過(guò)關(guān)閉手機(jī)“設(shè)置”中“內(nèi)容推薦”和“資源推薦”，避免網(wǎng)頁(yè)瀏覽時(shí)受到此類下載廣告信息的干擾，對(duì)于原告主張的“內(nèi)容推薦”和“資源推薦”設(shè)置的名稱不清晰問(wèn)題，不存在理解上的困難。
但法院認(rèn)為，小米在相關(guān)瀏覽器APP的廣告鏈接中，提供點(diǎn)擊即下載應(yīng)用的服務(wù)，未事先取得原告應(yīng)用下載的許可，侵害了原告的知情權(quán)。
法院判決，被告小米公司賠償原告1元。
北京互聯(lián)網(wǎng)法院發(fā)布的民事判決書(shū) 北京互聯(lián)網(wǎng)法院官網(wǎng) 截圖
對(duì)此，華政范同學(xué)收到了不少網(wǎng)友的點(diǎn)贊，有網(wǎng)友表示：“正因?yàn)橛羞@樣愿意爭(zhēng)取的人，才能推動(dòng)進(jìn)步！”
澎湃新聞?dòng)浾吡私獾?，這并非華政學(xué)生第一次用法律捍衛(wèi)權(quán)益。此前，華政學(xué)子已在上海國(guó)拍行拍牌手續(xù)費(fèi)格式條款案、上海鐵路局5元異地取票手續(xù)費(fèi)案、上海交通卡公司返還退卡手續(xù)費(fèi)案、上海迪士尼禁止自帶飲食案等事件中多次維權(quán)，取得了較高的社會(huì)關(guān)注度。
責(zé)任編輯：徐曉陽(yáng)
校對(duì)：劉威
網(wǎng)頁(yè)下載下來(lái)使用，在日常工作中使用頻率還是很高的，有時(shí)候確實(shí)能解一時(shí)之急，我自己就有很窘迫的經(jīng)歷。
我開(kāi)會(huì)的時(shí)候，都會(huì)把準(zhǔn)備好的文檔存在局域網(wǎng)，到會(huì)議室直接打開(kāi)就能直接用了。有一次到分公司，由于分公司剛剛成立，內(nèi)網(wǎng)還沒(méi)有和母公司連通。結(jié)果這下子懵逼了，上不去內(nèi)網(wǎng)，看不到文檔。又是叫同事發(fā)過(guò)來(lái)，又是提發(fā)送文件的安全申請(qǐng)，讓人著急。
如果把網(wǎng)站保存下來(lái)，放在自己的電腦中，既不用擔(dān)心信息泄露問(wèn)題，又不用為了看不了文檔而著急。
遇到問(wèn)題，記錄下來(lái)，然后解決問(wèn)題，程序員的解決思路永遠(yuǎn)是自己創(chuàng)造輪子的，接下來(lái)就是不斷的探索解決方案。
其實(shí)下載網(wǎng)頁(yè)的方式有很多種，其中有幾種辦法使用的比較多，例如：如果你用Chrome，直接按 Ctrl+s 就可實(shí)現(xiàn)。使用這種方法，Chrome會(huì)把整個(gè)網(wǎng)站，按照編譯完成的源碼目錄結(jié)構(gòu)保存下來(lái)。像下面這樣：
下載完成的文件直接點(diǎn)擊 xxx.html 可以直接離線訪問(wèn)，但是這種方式對(duì)目錄的依賴結(jié)構(gòu)比較高，怎么理解呢？就是 html 文件和對(duì)應(yīng)文件名的文件夾必須在同一個(gè)目錄中，才能正常使用?？截惖狡渌麢C(jī)器的時(shí)候必須要兩個(gè)同時(shí)拷貝才可以，否則就會(huì)排版錯(cuò)亂。
如果有十個(gè)或者更多的網(wǎng)頁(yè)需要拷貝或者刪除，就會(huì)很麻煩，例如我想在其中找到其中幾個(gè)，復(fù)制到其他地方，很容易弄錯(cuò)順序。
HTML 是一種純文本格式，它用于排版文字。純文本文檔的意思就是，文檔中只包含文字內(nèi)容，不包含二進(jìn)制內(nèi)容，舉個(gè)例子：打印出的A4紙，只有文字沒(méi)有圖片。而 HTML 想要顯示照片等二進(jìn)制信息，通常都會(huì)鏈接到其他文件，也就是上面文件夾里面的內(nèi)容。
不過(guò) Chrome 下載文件這種方式也有優(yōu)點(diǎn)，下載下來(lái)的文件可以保持獨(dú)立性，比如說(shuō)，我需要這個(gè)網(wǎng)頁(yè)中的一張圖片，那么就可以直接到文件夾里面尋找了。
另外還有一種辦法，也有很多人再使用。Chrome 在打印網(wǎng)頁(yè)的時(shí)候，會(huì)把網(wǎng)頁(yè)轉(zhuǎn)成 PDF ，然后在進(jìn)行打印。那么就給我們提供了很明確的思路，把網(wǎng)頁(yè)直接保存為 PDF ，這樣保存下來(lái)的網(wǎng)頁(yè)就只有一個(gè)文件。
使用Chrome，直接按下Ctrl+p就可以。然后目標(biāo)打印機(jī)選擇 另存為 PDF 。
這個(gè)功能很多瀏覽器都支持
但是這種辦法也有很明顯的缺點(diǎn)，由于 PDF 是靜態(tài)文檔，網(wǎng)頁(yè)上的一些動(dòng)畫(huà)可能不會(huì)正常顯示，而且排版也有可能會(huì)錯(cuò)亂，這完全靠運(yùn)氣。個(gè)人覺(jué)得這不是一種很靠譜的方法。
這時(shí)候主角來(lái)了！有一個(gè)工具既可以把網(wǎng)頁(yè)保存為 html 又可以保持是單文件。他就是 monolith ，你可以在 github 上面找到它，但是源碼并沒(méi)有編譯為可執(zhí)行文件，我把它編譯了一下，下面會(huì)放上來(lái)鏈接，https://github.com/leconio/Repos/raw/master/monolith.7z。
那么下面就簡(jiǎn)單說(shuō)說(shuō)使用方法：如果你下載我的鏈接，那么里面有三個(gè)文件：
第一個(gè)是Mac平臺(tái)編譯出來(lái)的，使用方式為：
./monolith 網(wǎng)站地址 > xxx.html
默認(rèn)情況下 monolith 會(huì)把生成的 html 輸出到標(biāo)準(zhǔn)輸出流，也就是當(dāng)前終端。使用 > 我們把輸出的內(nèi)容重定向并覆蓋到文件。
執(zhí)行完成之后，在這個(gè)目錄下面就會(huì)有一個(gè)對(duì)應(yīng)的文件：xxx.html 。
另外兩個(gè)是 Windows 平臺(tái)使用的。為了簡(jiǎn)化使用，我寫(xiě)了一個(gè) CMD 腳本。直接點(diǎn)擊 monolith.cmd ，然后粘貼地址就可以完成下載。
下載完成之后，在本地你會(huì)發(fā)現(xiàn)只有一個(gè) html 文件。我們打開(kāi)之后，發(fā)現(xiàn)圖片和JS等信息都在，而且排版正常。那么就要思考了，我們之前說(shuō)過(guò)，HTML 是放置純文本信息的，那么圖片在哪里呢？
答案顯而易見(jiàn)，就在 HTML 文件里面。為了方便小圖片傳輸，有一種叫 Base64 的東西，它可以把二進(jìn)制信息變成成純文本。這在使用 Json 傳遞數(shù)據(jù)的今天十分常見(jiàn)，它可以減少一次請(qǐng)求（題外話），這里就是用的這個(gè)原理。monolith 把圖片等二進(jìn)制內(nèi)容轉(zhuǎn)為了純文本，保存在 HTML 文件中。我們?cè)谙螺d的文件源碼可以看到：
對(duì)比源代碼，src 信息已經(jīng)變成了 base64 格式的圖片，就是那串亂碼。復(fù)制那串亂碼，從網(wǎng)上搜一個(gè) base64 轉(zhuǎn)圖片工具，粘貼進(jìn)去，這時(shí)會(huì)發(fā)現(xiàn)就是我們看到的那張圖片。這樣一來(lái)，無(wú)論這個(gè)網(wǎng)站上有多少個(gè)文件，都會(huì)保存到一個(gè) HTML 文件里面，而且還能離線使用。
當(dāng)然，base64 編碼的圖片比原生圖片略大，這可能也是你現(xiàn)在在擔(dān)心的問(wèn)題。不過(guò) monolith 會(huì)特殊處理文件體積。我們可以看看 Chrome 直接下載和使用 monolith 下載體積相差多少。我們把兩種方式下載的網(wǎng)頁(yè)都進(jìn)行了 7-Zip 壓縮。
我們可以看到，使用 monolith 下載會(huì)比 Chrome 直接下載小一倍還多！
最后要說(shuō)的是局限性，無(wú)論那種方法，都幾乎不能把視頻網(wǎng)站中的視頻下載下來(lái)。因?yàn)楝F(xiàn)在的視頻地址都是 Token 加密的，同理，使用 Token 加密的其他請(qǐng)求信息也無(wú)法下載。
比如你可以試試下載其他網(wǎng)站的首頁(yè)，Logo 和視頻都是下載不了的。但是也有解決辦法，那就是另外一個(gè)領(lǐng)域的事情了，以后有機(jī)會(huì)說(shuō)給大家聽(tīng)。
如果這篇文章對(duì)您或者您的朋友有幫助，感謝您關(guān)注，轉(zhuǎn)發(fā)。
一個(gè)好的編輯器我們可以方便的開(kāi)發(fā)項(xiàng)目，編寫(xiě)代碼，配置和管理我們的項(xiàng)目。所以我們開(kāi)始編寫(xiě)html代碼之前需要搭建開(kāi)發(fā)環(huán)境。
基于html項(xiàng)目的開(kāi)發(fā)和代碼編寫(xiě)現(xiàn)在網(wǎng)上有很多編輯器，也有免費(fèi)的，也有收費(fèi)的編輯器?；谠赪indows系統(tǒng)環(huán)境下開(kāi)發(fā)和編寫(xiě)html代碼最簡(jiǎn)單的編輯器就是Windows自帶的記事本，我們可以使用記事本編輯html代碼。
使用記事本編寫(xiě)html的步驟是首先新建一個(gè)文本文檔，按照html的語(yǔ)法規(guī)則編寫(xiě)相關(guān)的代碼和保存文件，然后把文件的后綴名改為.html，使用電腦上的瀏覽器打開(kāi)就可以查看我們代碼的運(yùn)行結(jié)果。
雖然記事本也能編寫(xiě)html代碼，但是效率不高也不方便，所以我們使用專業(yè)的編輯器來(lái)開(kāi)發(fā)項(xiàng)目，編寫(xiě)代碼和管理項(xiàng)目。
常用html代碼編寫(xiě)的免費(fèi)軟件有HBuilderX，vs code，Sublime Text 等等。
HBuilderX官網(wǎng)下載地址：
https://www.dcloud.io/hbuilderx.htmlvs code的官網(wǎng)下載地址：
https://code.visualstudio.com/Sublime Text官網(wǎng)下載地址：
http://www.sublimetext.com/我們以后的教程都使用HBuilderX，所以下面為了同學(xué)們的學(xué)習(xí)方便，對(duì)HBuilderX的下載和安裝做詳細(xì)的教程。
一，下載
首先訪問(wèn)HBuilderX的官網(wǎng)網(wǎng)址：
https://www.dcloud.io/hbuilderx.html打開(kāi)上面的HBuilderX下載網(wǎng)址后點(diǎn)擊頁(yè)面上download，在彈出的對(duì)話框里選擇適合自己電腦的HBuilderX版本下載。
在Windows10環(huán)境下下載后的文件是一個(gè)壓縮的.zip文件。
二，安裝
鼠標(biāo)右擊下載下來(lái)的壓縮文件進(jìn)行解壓。
解壓完成后是一個(gè)名為HBuilderX的文件夾。
解壓完成后鼠標(biāo)雙擊HBuilderX文件夾：
雙擊運(yùn)行名為HBuilderX.exe的應(yīng)用程序文件即可啟動(dòng)HBuilderX編輯器：
因?yàn)镠BuilderX是一個(gè)綠色軟件所以沒(méi)有桌面快捷方式和開(kāi)始菜單快速啟動(dòng)程序，我們可以右擊HBuilderX.exe文件創(chuàng)建桌面快捷方式。
小百科：
綠色軟件指一類小型軟件，多數(shù)為免費(fèi)軟件，最大特點(diǎn)是軟件無(wú)需安裝便可使用，可存放于閃存中，移除后也不會(huì)將任何記錄留在本機(jī)計(jì)算機(jī)上。通俗點(diǎn)講綠色軟件就是指不用安裝，下載直接可以使用的軟件。綠色軟件不會(huì)在注冊(cè)表中留下注冊(cè)表鍵值，所以相對(duì)一般的軟件來(lái)說(shuō)，綠色軟件對(duì)系統(tǒng)的影響幾乎沒(méi)有，所以是很好的一種軟件類型。
三，新建項(xiàng)目
HBuilderX編輯器初次啟動(dòng)時(shí)的默認(rèn)界面是下圖所示：
按照下圖所示可以創(chuàng)建一個(gè)新的名為demo1空白項(xiàng)目：
名為demo1的空白項(xiàng)目創(chuàng)建成功后的界面如下圖所示：
接下來(lái)在剛我們新建的demo1項(xiàng)目下創(chuàng)建名為helloworld的html文件
鼠標(biāo)右擊創(chuàng)建的demo1項(xiàng)目選擇新建在選擇.html文件：
在彈出的對(duì)話框里填入html文件的名稱：
編寫(xiě)一段代碼：
運(yùn)行：
在瀏覽器上觀察效果：
好了，到這里html的開(kāi)發(fā)環(huán)境搭建和HBuilderX的安裝教程結(jié)束了。
下面再給大家教一下怎樣修改HBuilderX的主題風(fēng)格，HBuilderX自身提供了修改軟件主題的功能，使用者可以自身需求和喜好修改HBuilderX的風(fēng)格。在喜歡自己喜歡的環(huán)境下做開(kāi)發(fā)也是令人羨慕的一件事。
按照一下步驟可以修改HBuilderX的主題，默認(rèn)主題是綠柔，我們可以改成雅黑，雅藍(lán)或者自定義主題：
雅黑主題：
雅藍(lán)主題：
好了本節(jié)全部?jī)?nèi)容全部結(jié)束了，希望我準(zhǔn)備的內(nèi)容對(duì)你有所幫助
你的支持是我的最大動(dòng)力，若覺(jué)得我的教程還可以對(duì)你有幫助為我點(diǎn)贊加關(guān)注！謝謝！
*請(qǐng)認(rèn)真填寫(xiě)需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
