https://www.cnblogs.com/cloudbird/p/11336663.html
简介
想看看你最近一年都在干嘛?看看你平时上网是在摸鱼还是认真工作?想写年度汇报总结,但是苦于没有数据?现在,它来了。这是一个能让你了解自己的浏览历史的Chrome浏览历史记录分析程序,当然了,他仅适用于Chrome浏览器或者以Chrome为内核的浏览器。在该页面中你将可以查看有关自己在过去的时间里所访问浏览的域名、URL以及忙碌天数的前十排名以及相关的数据图表。代码思路
1. 目录结构
Code
├─ app_callback.py 回调函数,实现后台功能
├─ app_configuration.py web服务器配置
├─ app_layout.py web前端页面配置
├─ app_plot.py web图表绘制
├─ app.py web服务器的启动
├─ assets web所需的一些静态资源文件
│ ├─ css web前端元素布局文件
│ │ ├─ custum-styles_phyloapp.css
│ │ └─ stylesheet.css
│ ├─ image web前端logo图标
│ │ ├─ GitHub-Mark-Light.png
│ └─ static web前端帮助页面
│ │ ├─ help.html
│ │ └─ help.md
├─ history_data.py 解析chrome历史记录文件
└─ requirement.txt 程序所需依赖库
- app_callback.py
该程序基于python,使用dash web轻量级框架进行部署。app_callback.py
主要用于回调,可以理解为实现后台功能。 - app_configuration.py
顾名思义,对web服务器的一些配置操作。 - app_layout..py
web前端页面配置,包含html, css元素。 - app_plot.py
这个主要是为实现一些web前端的图表数据。 - assets
静态资源目录,用于存储一些我们所需要的静态资源数据。 - history_data.py
通过连接sqlite数据库,并解析Chrome历史记录文件。 - requirement.txt
运行本程序所需要的依赖库。
2. 解析历史记录文件数据
与解析历史记录文件数据有关的文件为history_data.py
文件。我们一一分析。
def query_sqlite_db(history_db, query):
conn = sqlite3.connect(history_db)
cursor = conn.cursor()
select_statement = query
cursor.execute(select_statement)
results = cursor.fetchall()
cursor.close()
conn.close()
return results
连接sqlite数据库,执行查询语句,返回查询结构,最终关闭数据库连接。
def get_history_data(history_file_path):
try:
select_statement = "SELECT urls.id, urls.url, urls.title, urls.last_visit_time, urls.visit_count, visits.visit_time, visits.from_visit, visits.transition, visits.visit_duration FROM urls, visits WHERE urls.id = visits.url;"
result = query_sqlite_db(history_file_path, select_statement)
result_sort = sorted(result, key=lambda x: (x[0], x[1], x[2], x[3], x[4], x[5], x[6], x[7], x[8]))
return result_sort
except:
return 'error'
设置数据库查询语句select_statement
,调用query_sqlite_db()
函数,获取解析后的历史记录文件数据。并对返回后的历史记录数据文件按照不同元素规则进行排序。至此,经过排序的解析后的历史记录数据文件获取成功。
3. web服务器基本配置
与web服务器基本配置有关的文件为app_configuration.py
和app.py
文件。包括设置web服务器的端口号,访问权限,静态资源目录等。
4. 前端页面部署
与前端部署有关的文件为app_layout.py
和app_plot.py
以及assets
目录。在app_layout.py
中,这些组件的配置大多一样,和平常的html, css配置一样,所以我们仅仅以配置页面访问次数排名组件
为例子。
html.Div(
style={'margin-bottom':'150px'},
children=[
html.Div(
style={'border-top-style':'solid','border-bottom-style':'solid'},
className='row',
children=[
html.Span(
children='页面访问次数排名, ',
style={'font-weight': 'bold', 'color':'red'}
),
html.Span(
children='显示个数:',
),
dcc.Input(
id='input_website_count_rank',
type='text',
value=10,
style={'margin-top':'10px', 'margin-bottom':'10px'}
),
]
),
html.Div(
style={'position': 'relative', 'margin': '0 auto', 'width': '100%', 'padding-bottom': '50%', },
children=[
dcc.Loading(
children=[
dcc.Graph(
id='graph_website_count_rank',
style={'position': 'absolute', 'width': '100%', 'height': '100%', 'top': '0',
'left': '0', 'bottom': '0', 'right': '0'},
config={'displayModeBar': False},
),
],
type='dot',
style={'position': 'absolute', 'top': '50%', 'left': '50%', 'transform': 'translate(-50%,-50%)'}
),
],
)
]
)
可以看到,虽然是python编写的,但是只要具备前端经验的人,都可以轻而易举地在此基础上新增或者删除一些元素,所以我们就不详细讲如何使用html和css了。在app_plot.py
中,主要是以绘制图表相关的。使用的是plotly
库,这是一个用于具有web交互的画图组件库。
这里以绘制页面访问频率排名 柱状图
为例子,讲讲如何使用plotly
库进行绘制。
def plot_bar_website_count_rank(value, history_data):
dict_data = {}
for data in history_data:
url = data[1]
key = url_simplification(url)
if (key in dict_data.keys()):
dict_data[key] += 1
else:
dict_data[key] = 0
k = convert_to_number(value)
top_10_dict = get_top_k_from_dict(dict_data, k)
figure = go.Figure(
data=[
go.Bar(
x=[i for i in top_10_dict.keys()],
y=[i for i in top_10_dict.values()],
name='bar',
marker=go.bar.Marker(
color='rgb(55, 83, 109)'
)
)
],
layout=go.Layout(
showlegend=False,
margin=go.layout.Margin(l=40, r=0, t=40, b=30),
paper_bgcolor='rgba(0,0,0,0)',
plot_bgcolor='rgba(0,0,0,0)',
xaxis=dict(title='网站'),
yaxis=dict(title='次数')
)
)
return figure
- 首先,对解析完数据库文件后返回的
history_data
进行遍历,获得url
数据,并调用url_simplification(url)
对齐进行简化。接着,依次将简化后的url
存入字典中。 - 调用
get_top_k_from_dict(dict_data, k)
,从字典dict_data
中获取前k
个最大值的数据。 - 接着,开始绘制柱状图了。使用
go.Bar()
绘制柱状图,其中,x
和y
代表的是属性和属性对应的数值,为list
格式。
xaxis和
yaxis`分别设置相应坐标轴的标题
而assets
目录下包含的数据为image
和css
,都是用于前端布局。
5. 后台部署
与后台部署有关的文件为app_callback.py
文件。这个文件使用回调的方式对前端页面布局进行更新。
@app.callback(
dash.dependencies.Output('graph_website_count_rank', 'figure'),
[
dash.dependencies.Input('input_website_count_rank', 'value'),
dash.dependencies.Input('store_memory_history_data', 'data')
]
)
def
update(value, store_memory_history_data):
if store_memory_history_data:
history_data = store_memory_history_data['history_data']
figure = plot_bar_website_count_rank(value, history_data)
return figure
else:
raise dash.exceptions.PreventUpdate("cancel the callback")
- 首先确定好输入是什么(触发回调的数据),输出是什么(回调输出的数据),需要带上什么数据。
dash.dependencies.Input
指的是触发回调的数据,而dash.dependencies.Input('input_website_count_rank', 'value')
表示当id
为input_website_count_rank
的组件的value
发生改变时,会触发这个回调。而该回调经过update(value, store_memory_history_data)
的结果会输出到id
为graph_website_count_rank
的value
,通俗来讲,就是改变它的值。 - 对于
def update(value, store_memory_history_data)
的解析。首先是判断输入数据store_memory_history_data
是否不为空对象,接着读取历史记录文件history_data
,接着调用刚才所说的app_plot.py
文件中的plot_bar_website_count_rank()
,返回一个figure
对象,并将这个对象返回到前端。至此,前端页面的布局就会显示出页面访问频率排名
的图表了。
还有一个需要说的就是关于上次文件的过程,这里我们先贴出代码:
@app.callback(
dash.dependencies.Output('store_memory_history_data', 'data'),
[
dash.dependencies.Input('dcc_upload_file', 'contents')
]
)
def update(contents):
if contents is not None:
content_type, content_string = contents.split(',')
decoded = base64.b64decode(content_string)
suffix = [str(random.randint(0,100)) for i in range(10)]
suffix = "".join(suffix)
suffix = suffix + str(int(time.time()))
file_name = 'History_' + suffix
if (not (exists('data'))):
makedirs('data')
path = 'data'
+ '/' + file_name
with open(file=path, mode='wb+') as f:
f.write(decoded)
history_data = get_history_data(path)
search_word = get_search_word(path)
if (history_data != 'error'):
date_time = time.strftime('%Y-%m-%d %H:%M:%S', time.localtime(time.time()))
print('新接收到一条客户端的数据, 数据正确, 时间:{}'.format(date_time))
store_data = {'history_data': history_data, 'search_word': search_word}
return store_data
else:
date_time = time.strftime('%Y-%m-%d %H:%M:%S', time.localtime(time.time()))
print('新接收到一条客户端的数据, 数据错误, 时间:{}'.format(date_time))
return None
return None
- 首先判断用户上传的数据
contents
是否不为空,接着将客户端上传的文件进行base64解码。并且,为客户端上传的文件添加后缀,防止文件重复覆盖,最终将客户端上传的文件写入本地磁盘文件。 - 写入完毕后,使用sqlite读取本地磁盘文件,若读取正确,则返回解析后的数据,否则返回
None
接下来,就是我们数据提取最核心的部分了,即从Chrome历史记录文件中提取出我们想要的数据。由于Chrome历史记录文件是一个sqlite数据库,所以我们需要使用数据库语法提取出我们想要的内容。
def get_history_data(history_file_path):
try:
select_statement = "SELECT urls.id, urls.url, urls.title, urls.last_visit_time, urls.visit_count, visits.visit_time, visits.from_visit, visits.transition, visits.visit_duration FROM urls, visits WHERE urls.id = visits.url;"
result = query_sqlite_db(history_file_path, select_statement)
result_sort = sorted(result, key=lambda x: (x[0], x[1], x[2], x[3], x[4], x[5], x[6], x[7], x[8]))
return result_sort
except:
return 'error'
上面select_statement
指的是查询数据库的规则,规则如下:- 从(FROM)表
urls
中选择(SELECT)出以下字段urls.id
, urls.url
, urls.title
, urls.last_visit_time
, urls.visit_count
,依次代表URL的ID
,URL的地址
,URL的标题
,
URL最后的访问时间
,URL的访问次数
。 - 接着,从(FROM)表
visits
中选择(SELECT)出以下字段visits.visit_time
, visits.from_visit
, visits.transition
, visits.visit_duration
,分别代表的是访问时间
,从哪个链接跳转过来的
,访问跳转
,访问停留的时间
。 - 对
步骤1
和步骤2
的结果进行连接,形成一个表格。然后从中(WHERE)筛选出符合urls.id = visits.url
的行。在urls
中,id
代表的是URL的id
,在visits
中,url
代表的也是URL的id
,所以只有当两者相等,才能连接一起,才能保留,否则就要去除这一行。 - 使用排序函数
sorted
,这个函数依次是以x[0]
,x[1]
,x[2]
,x[3]
,x[4]
,x[5]
,x[6]
,x[7]
,x[8]
进行排序,也就是指的是urls.id
, urls.url
, urls.title
, urls.last_visit_time
, urls.visit_count
, visits.visit_time
, visits.from_visit
, visits.transition
,
visits.visit_duration
。
6. 如何获取Chrome历史记录文件
Windows Vista, Windows 7, Windows 8, Windows 10
C:Users%USERNAME%AppDataLocalGoogleChromeUser DataDefaultHistory
- 拷贝历史记录文件到桌面:
bash # 打开命令行cmd,输入以下命令, 自动将History文件复制到桌面, 文件名为History, 没有后缀名 copy "C:Users%USERNAME%AppDataLocalGoogleChromeUser DataDefaultHistory" "C:Users%USERNAME%DesktopHistory"
- 注意说明:
%USERNAME%
为你的用户名, 如果执行命令出现错误, 请手动找到该历史记录文件。
Windows XP
C:Documents and Settings%USERNAME%Local SettingsApplication DataGoogleChromeUser DataDefaultHistory
# 打开命令行cmd,输入以下命令, 自动将History文件复制到桌面, 文件名为History, 没有后缀名
copy "C:Documents and Settings%USERNAME%Local SettingsApplication DataGoogleChromeUser DataDefaultHistory" "C:Documents and Settings%USERNAME%DesktopHistory"
- 注意说明:
%USERNAME%
为你的用户名, 如果执行命令出现错误, 请手动找到该历史记录文件。
Mac OS X
~/Library/Application Support/Google/Chrome/Default/History
-
拷贝历史记录文件到桌面:
bash # 打开terminal,输入以下命令, 自动将History文件复制到桌面, 文件名为History, 没有后缀名 cp ~/Library/Application Support/Google/Chrome/Default/History ~/Desktop/History
- 注意说明:
Application Support
中的空格需要转义,所以改为Application Support
Linux/ Unix
- 历史记录文件位置:
~/.config/google-chrome/Default/History
- 拷贝历史记录文件到桌面:
bash # 打开terminal,输入以下命令, 自动将History文件复制到桌面, 文件名为History, 没有后缀名 cp ~/.config/google-chrome/Default/History ~/Desktop/History
- 注意说明:
如果提示路径不存在, 请自行获取History文件
如何运行
在线演示程序:http://39.106.118.77:8090(普通服务器,勿测压)
cd 目录名
pip uninstall -y -r requirement.txt
pip install -r requirement.txt
python app.py
补充
完整版源代码存放在github上,有需要的可以下载https://github.com/shengqiangzhang/examples-of-web-crawlers/tree/master/11.一键分析你的上网行为(web页面可视化)
我在 GitHub 上都见过哪些沙雕项目?
这款神器,能把 Python 代码执行过程看地一清二楚
