CSDN文章打印(界面简洁)

使用到的代码

打开你需要打印的页面,然后打开浏览器 console窗口,Google浏览器是按’F12’,将以下代码复制到console窗口中。

(function(){
	'use strict';
	var articleBox = $("div.article_content");
	articleBox.removeAttr("style");
	$("#btn-readmore").parent().remove();
	$("#side").remove();
	$("#comment_title, #comment_list, #comment_bar, #comment_form, .announce, #ad_cen, #ad_bot").remove();
	$(".nav_top_2011, #header, #navigator").remove();
	$(".csdn-side-toolbar,.template-box,.reward-user-box").remove();
	$(".p4course_target, .comment-box, .recommend-box, #csdn-toolbar, #tool-box,#dmp_ad_58, .more-toolbox, .article-info-box, .btn-readmore").remove();
	$("aside").remove();
	$(".tool-box").remove();
	$("main").css('display','content'); 
	$("main").css('float','left'); 
	$("#mainBox").css('width','100%');		
	$(".main_father.clearfix.d-flex.justify-content-center").css("width","100%");
	window.print();
})();

页面的微调

1.唤醒打印窗口后,选择你保存的方式,打印还是保存到pdf,如图1所示,

图1 你保存的方式
2.页面可能会出现边界截断的情况,只需要通过设置调整“边距“和”缩放“,如图2所示,
图2 边距和缩放的调整
  • 5
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 5
    评论
### 回答1: CSDN是一个非常受欢迎的IT技术社区,它为用户提供了各种学习和交流技术的平台。在CSDN上,用户可以注册一个账号并登陆来享受更多的功能和资源。在注册登陆界面中,可以考虑使用localstorage来提高用户的体验。 localstorage是HTML5中的一种存储机制,它可以在用户的浏览器中存储数据。与传统的cookie相比,localstorage可以存储更多的数据,且在用户关闭浏览器之后依然可以保留。因此,我们可以使用localstorage来存储用户的登录信息。 在注册登陆界面中,当用户输入用户名和密码后,我们可以通过JavaScript将这些信息存储到localstorage中。当用户下次访问页面时,我们可以从localstorage中读取这些信息,并展示在对应的输入框中,方便用户快速登陆。这样,用户就不需要每次都重新输入用户名和密码,提高了用户的使用便捷性。 当用户点击登陆按钮时,我们可以将用户输入的用户名和密码与localstorage中存储的信息进行比对,以确保用户的输入是正确的。同时,如果用户选择了“记住我”的选项,我们可以在localstorage中设定一个标识位,下次用户访问页面时,可以直接读取该标识位,如果标识位为真,则直接跳转到用户的主页。 此外,我们还可以通过localstorage来存储一些其他的用户偏好设置,比如主题颜色、字体大小等等,让用户在下次访问时能够直接看到他们之前选择过的设置。 总之,通过使用localstorage可以方便地实现CSDN的注册登陆界面,提升用户的使用体验和便捷性。 ### 回答2: CSDN是一个为程序员提供技术论坛、博客、资源下载等服务的网站。在注册和登录界面上使用LocalStorage是一种常见的实现方式。 LocalStorage是HTML5中提供的一种在浏览器本地存储数据的机制。通过使用LocalStorage,我们可以将一些重要的用户信息存储在用户的浏览器中,比如用户名、密码等。这样,用户每次打开CSDN网站时,可以直接读取LocalStorage中的信息,省去了重复输入账号和密码的麻烦。 在CSDN的注册界面上,用户可以输入用户名和密码,并点击注册按钮进行注册。在点击注册按钮之前,我们可以通过JavaScript将用户输入的用户名和密码存储在LocalStorage中。这样,即使用户刷新页面或关闭网站后再次打开,之前输入的用户名和密码依然会被保留在LocalStorage中,用户不需要重新输入。 类似地,在CSDN的登录界面上,用户可以输入之前注册过的用户名和密码,并点击登录按钮进行登录。在点击登录按钮之前,我们可以通过JavaScript将用户输入的用户名和密码与之前存储在LocalStorage中的信息进行比对。如果匹配成功,用户就可以成功登录。否则,系统会提示用户输入错误的用户名或密码。 总之,通过使用LocalStorage来存储CSDN注册和登录界面的用户信息,可以提供更好的用户体验,减少用户重复输入的工作量,提高用户的使用效率。同时,也为网站的数据管理提供了一种简单可靠的解决方案。 ### 回答3: CSDN是一个广受欢迎的IT技术交流平台,它的注册登录界面需要使用localstorage来实现用户信息的储存和登录状态的管理。 localstorage是浏览器提供的一种储存数据的机制,它可以在用户的浏览器中暂时性地储存一些数据,这些数据会一直存在,直到被用户手动清除或者网站代码删除。 在CSDN的注册登录界面中,localstorage是起到存储用户登录状态的作用的。当用户注册或登录成功后,相关的用户信息(如用户名、权限等)会被存储在浏览器的localstorage中。这样,在用户下次访问CSDN时,可以通过检查localstorage中的用户信息,来判断用户是否已经登录。如果存在用户信息,则可以直接跳转到用户的个人主页或其他需要登录权限的页面,而不需要再次输入用户名和密码进行登录。 使用localstorage实现注册登录界面还可以带来一些其他的好处。例如,在注册时可以将用户的一些基本信息暂时存储在localstorage中,这样当用户输入其他信息或者提交表单时,可以通过读取localstorage中的数据来自动填充一些字段,提高用户体验。 总之,CSDN的注册登录界面使用localstorage来存储用户信息,不仅可以方便地管理用户登录状态,还可以提升用户的使用体验。同时,需要注意的是,localstorage虽然方便,但也存在一些安全风险,比如可能被恶意的脚本攻击。因此,合理使用localstorage,注意保护用户隐私和数据安全是非常重要的。
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

假装忙碌的人

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值